HTML：
主要考察对标准浏览器的理解、浏览器内核间的差异、兼容性、Hack等方面的了解
一：常见的浏览器、内核、特点及其兼容性前缀
Chrome（谷歌浏览器---特点是简洁、快速、安全）---内核最开始使用webkit,2013年不再使用webkit，开始使用webkit的分支Blink-----其兼容性前缀为-webkit-
Safari（苹果浏览器---特点是移动端）---内核为webkit-----其兼容性前缀为-webkit-
Firefox(火狐浏览器---特点是非盈利，Gecko为开源）----内核为Gecko----其兼容性前缀为-moz-
Opera(欧朋浏览器----特点是自主研发presto）----内核1995年使用的是自主研发的presto，2016年内收购后使用webkit的分支Blink----其兼容性前缀为-o-
IE(IE浏览器----特点是面向市场进行的是IE和window系统进行捆绑）----内核为Trident(也称IE内核）----其兼容性前缀为-ms-
补充：
四大内核：webkit、blink、Trident、Gecko
五大浏览器采用的都是单内核，像360浏览器、QQ浏览器采用的则是双内核
二：的作用
文档类型声明，写在HTML中的第一行，告知浏览器该文档的类型为DTD,让浏览器解析器用正确的规范去解析文档
补充：
提供关于html文档的元数据，不显示在页面中，对机器可读
定义文档使用的字符集编码格式
GBK国内编码 全部中文字符 gb2312---简体汉字
UTF-8国际编码（万国码）---通用性好
三：HTML语义化及其好处
语义化是指运用合理化的HTML标记和其特有的属性值去格式化文档，如 标题用h1~h6标签，段落用p标签，图片用img标签等
好处：
在没有css样式的情况下，页面也具有很好的结构性，也能很好的呈现出内容
使得代码具有可读性，便于后期团队的开发及维护
有利于用户具有良好的体验
有利于与搜索引擎建立良好的沟通，便于爬虫抓取更多的有效信息
四：行内元素与块级元素及其特点
行内元素：i、b、span、a、em、strong、sub、sup.....
特点：
1.相邻的元素从左到右依次排列
2.宽高自适应，由内容撑开
3.margin垂直方向无效
4.行内标签只能容纳文本或者其他行内标签，a标签除外
块级元素：p、div、h1~h6、ul li、ol li、dl dt dd.......
特点：
1.相邻的元素从上到下垂直排列，独占一行
2.宽高设置有效
3.margin垂直方向有效
转为行联块元素的设置：display：inline-block；
五：src和href的区别
src是source的缩写，表示引用资源替换当前元素，指的是外部资源的地址，指向的外部资源会迁入到当前文档中的所在元素的位置，在请求src资源时将其下载并应用到该文档中，主要用于img、script、iframe等
如： <img src=".../images/1.jpg>
href是Hypertext Reference的缩写，表示超文本引用。用来建立当前元素和文档之间的链接，较为常用的有：link、a
六：页面导入样式 link和@import的区别
所属关系
link是HTML标签，不仅可以加载css文件还可以引入网站图标，定义rss/rel连接属性
@import是css提供的语法规则，只有导入样式表的作用
加载顺序
link引入的css样式是与页面同时加载的
@import引入的css样式是在css页面加载完后进行加载
兼容性问题
link没有兼容性问题
@import是在css2.1才有的语法，只可在ie5+才能识别
DOM可控性区别
可通过JS操作DOM。插入link标签来改变样式
DOM是基于文档的，无法使用@import的方式插入样式
