本文详细解答了前端面试中关于HTML的常见问题，包括图片格式、DOCTYPE的作用、HTML5的特性、标签分类、浏览器内核理解以及HTML5的新标签和语义化等核心知识点。此外，还讨论了HTML5的离线储存机制和CSS盒子模型，以及CSS3的新特性如边框、背景、渐变和文本效果等。
1.网络中使用最多的图片格式有哪些？
JPEG，GIF，PNG
最流行的是JPEG格式，可以把文件压缩到最小
在PS以JPEG格式存储时，提供11级压缩等级
2.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?
声明文档类型
<!DOCTYPE>声明位于位于HTML文档中的第一行，处于 <html> 标签之前
DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
标准模式(严格模式)浏览器按照W3C的标准解析执行代码
标准模式(严格模式)排版和JS运作模式都是以该浏览器支持的最高标准运行。
兼容模式（混杂模式或怪异模式）：浏览器根据自己的方式解析执行代码
在兼容模式（混杂模式或怪异模式）中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。
随着标准一致性越来越重要，浏览器开发商不得不面临一个艰难的抉择：逐渐遵循w3c的标准是前进的方向。但是改变现有的css，完全去遵循标准，会使许多旧网站或多或少的收到破坏，如果浏览器突然以正确的方式解析现存的css，陈旧的网站的显示必然会受到影响。所以，所有的浏览器都需要提供两种模式，混杂模式服务于旧世规则，严格模式服务于标准规则。
3.HTML5 为什么只需要写 !DOCTYPE HTML
HTML5 不基于 SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为
而HTML4.01基于SGML,所以需要对DTD进行引用，才能告知浏览器文档所使用的文档类型
4.行内元素有哪些？块级元素有哪些?
行内元素：span、a、b、img、input、select、l、em、sub、sup、u、textarea
相邻的行内元素会排列在同一行，不会独占一行 ，设置宽高无效
块级元素：div 、h1-h6、p、ul、ol、li、dl、dt、dd、table、address、blockquote、dir、from、menu
会独占一行 ，可以设置宽高等属性
可变元素：button、del、iframe、ins
根据上下文预警决定该元素为块元素还是内联元素
常见的空元素：<br>、<hr>、<img>、<input>、<link>、<meta>
鲜为人知的是：
<area>、<base>、<col>、<command>、<embed>、<keygen>、<param>、<source>、<track>、<wbr>
5.页面导入样式时。使用link和@import有什么区别？
区别：
1.link是xhtml标签，除了加载css外，还可以定义RSS等其他事务，@import只能加载CSS
2.link引用CSS时候，页面载入的时候同时加载，@import需要页面网页完全载入后加载
3.link是XHTML标签，无兼容问题，@import是在CSS2.1提出的，低版本的浏览器不支持。
4.link支持使用javascript控制DOM去改变样式，但是@import不支持。
6.对浏览器内核的理解：
浏览器内核主要分成两部分</
最低0.47元/天 解锁文章
扫一扫
665
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
