1. HTML、XML、XHTML 有什么区别
HTML:超文本标记语言,语法较为松散,不严格的web语言;标签可以不闭合,不区分大小写。
XML:可扩展标记语言,主要用于存储数据和结构,可以自由创建标签;标签必须闭合,严格区分大小写。
XHTML:可扩展超文本标记语言,相较HTML语法更加严格。标签必须闭合,标签必须小写。
2. 怎样理解 HTML 语义化
语义化是指根据内容的结构化(内容语义化),选择合适的标签(代码语义化),便于开发者阅读和写出更优雅的代码的同时,让浏览器的爬虫和机器很好的解析。
语义化的好处是:
- 有利于SEO,有助于爬虫抓取更多的有效信息,爬虫是依赖于标签来确定上下文和各个关键字的权重。
- 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构
- 方便其他设备的解析
- 便于团队开发和维护
3. 怎样理解内容与样式分离的原则
HTML负责网页内容(结构)部分,样式则负责了页面的展示效果。内容与样式分离使得内容和样式各自只负责自己的部分,消除两者的耦合。更重要的是分离增强了机器的可读性,使得机器、网络爬虫能更好地理解页面内容。
4. 有哪些常见的meta标签
<meta>标签有两个重要属性name和http-equiv。
4.1 name = "viewport"
设置视口属性,主要是为移动端设备设置显示方式。
4.2 name = "keywords"
设置网页关键字,告诉搜索引擎网页是干什么用的。
4.3 name = "description"
设置网页描述,也是告诉搜索引擎网页是干什么用的。
4.4 name = "author"
标注网站的作者是谁。
4.5 name = "copyright"
标注网站版权信息。
4.6 name = "robots"
robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。
4.7 http-equiv = "X-UA-Compatible" content="IE=edge,chrome=1"
让用户的IE浏览器外观不变,但用户在浏览网页时实际上使用的是Chrome的内核。
5. 文档声明的作用?严格模式和混杂模式指什么?<!doctype html>
的作用?
<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
严格模式:是指浏览器按照 W3C 标准解析代码。
混杂模式:是指浏览器用自己的方式解析代码。
浏览器解析时到底使用严格模式还是混杂模式,与网页中的 DTD 直接相关。HTML5中没有了DTD,所以两者也没了区别,文档声明也简化成了<!doctype html>。
6. 浏览器乱码的原因是什么?如何解决
当浏览器解析HTML页面时的编码与实际页面编码不一致时就会产生乱码,主要有两种情况:
6.1 页面没有设置chartset
如果页面没有设置chartset,那么浏览器解析时就会自动选择一种编码,若选择的编码与页面实际编码不一致时就会产生乱码。此时,在页面中添加meta信息将页面chartset设置为合适的编码就可以了。
6.2 页面设置了chartset,但与实际使用的编码不一致
这种情况也会导致编码错位的情况,这时只要修改相应的chartset值就可以了。
7. 常见的浏览器有哪些,什么内核
常见的浏览器有IE系列,FireFox, Chrome, Safari, Opera, 360双核浏览器, 傲游双核浏览器, 搜狗双核浏览器等。他们的内核分别是:
Trident:
IE系列,360双核浏览器,傲游双核浏览器,搜狗双核浏览器;
Gecko:
FireFox;
Webkit:
Safari,360双核浏览器,傲游双核浏览器,搜狗双核浏览器;
Bink:
Chrome, Opera;
8. 列出常见的标签,并简单介绍这些标签用在什么场景
h1~h6:标题标签,应用于页面标题或区块标题标签,字体大小逐级减小,重要程度也逐级减小;
p:段落标签,用于文字中的段落;
a:链接标签,有href, target, title等属性,使用场景有:超链接挑战、设置页面锚点、发送电子邮件等;
img:图片标签,用于设置图片;
div:块标签,用于划分页面结构区块;
ul, li:无序列表标签,用于表示并列的内容;
ol, li:有序列表标签,用于表示带步骤或编号的并列内容;
dl, dt, dd:自定义列表标签,用于展示一系列的“标题,内容”等;
button:按钮标签,用于表示一个按钮;
table, tr, td:表格标签,用表格来展示数据时使用, tr代表行,td代表单元格;
:注释标签,用于在页面上添加注释;