HTML知识点

1、HTML5新特性、语义化

语义化：当下html是靠div+css来铸造页面的整体框架和结构的，通篇大量的div可读性极低，因此诞生了一些特殊的标签，简单地说就是见名知义，使页面更清晰，方便维护和开发。
新特性：这里说几种产生的新标签，<section></section>、<article></article>、<aside></aside>、<header></header>、<footer></footer>、<nav></nav>、<details></details>、<canvas></canvas>、<video></video>、<audio></audio>等，还有很多特性（例如本地存储）这里就不一一列举了。

2、XHTML 与 HTML 的区别是什么？

• XHTML 元素必须被正确地嵌套。
• XHTML 元素必须被关闭。
• 标签名必须用小写字母。
• XHTML 文档必须拥有根元素。

3、浏览器的标准模式和怪异模式

如果XHTML文档包含形式完整的DOCTYPE，那么它一般以标准模式呈现。
例如在标准木模式和怪异模式下求元素的宽度：

在严格模式中 ：width是内容宽度 ，元素真正的宽度 = margin-left + border-left-width + padding-left + width + padding-right + border-right- width + margin-right;

在怪癖模式中 ：width则是元素的实际宽度 ，内容宽度 = width - ( padding-left + padding-right + border-left-width + border-right-width)

4、使用data-的好处

我们往往会根据需要在HTML标记上添加自定义的属性来存储和操作数据，我们自定义的属性名字也千奇百怪，五花八门。HTML5标准规定，自定义的属性都已data-*开头，这样就区分开了固有属性和自定义属性。

5、meta标签

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