HTML注意点小结

浏览器标准模式与怪异模式：

现代浏览器有两种渲染模式：标准模式，浏览器按照HTML和CSS对文档进行解析和渲染；而怪异模式是浏览器对旧的非标准的文档进行解析和渲染。所以，对于旧网页，浏览器就可以靠怪异模式，使旧网页正常显示；对于新网页就能用标准模式显示。

1.标准模式下span等行内元素设置长宽无效 怪异模式可以生效； 2. margin 0 auto水平居中在标准模式下可以生效，而怪异下不行；

XHTML与HTML有什么区别：

XHTML元素必须被正确嵌套，必须被关闭；

XHTML文档必须拥有根元素；

标签名必须小写

为什么要在标签使用data- 前缀，有什么好处？

1.html5规定自定义标签要加data-前缀，能提供与渲染无关的信息

2.使用setAttribute（）与getAttribute（）方法进行操作自定义属性

3.用dataset操作自定义属性

4.用data-前缀可以更好绑定DOM强相关数据，js传递数据

Meta标签有什么特性，有什么作用？

meta标签是提供关于HTML文档的元数据，不会显示在页面上，但对于机器是可读的，用于浏览器如何显示内容或重新加载页面，搜索引擎的关键词

meta的作用：meta标签里的数据是供机器解读的，告诉机器如何解读这个页面，还有一个作用是添加服务器发送到浏览器的HTTP头部内容

常用meta标签：Charset，声明文档使用的字符编码，以防乱码，而且必须写在第一行；Viewport：影响移动端的页面布局

什么是Canvas，用它做什么需求？

Canvas元素是HTML5的一部分，允许脚本语言动态渲染位图像。Canvas由一个可绘制地区HTML代码中属性定义决定高度和宽度。JavaScript代码可以访问该地区，通过一套完整的绘图功能类似于其他通用二维的API，从而生成动态图形

需求：游戏 图表制作 字体设计等

什么是渐进式渲染？

打开页面先加载首屏的显示内容，之后再随着时间或滚动页面进行后面的加载

Meta viewport的原理是什么？

手机浏览器是把页面放在一个虚拟的窗口（viewport）中，通常该窗口比屏幕宽，这样就不用把每个网页挤到很小的窗口中，用户可以通过平移和缩放来看网页的不同部分。