HTML 常见知识点

HTML、XML、XHTML 有什么区别

HTML：超文本标记语言，为日常网页所常用，但是其自身语法不严格。

XML：可扩展标记语言，常用于存储数据、传输数据以及构建数据结构，其标签需要用户自己定义。

XHTML：可扩展超文本标记语言，基于 XML，作用类似 HTML，但是语法比 HTML 严格。

怎样理解 HTML 语义化

语义化指的是 HTML 文本易于开发者和机器等阅读和识别，通过选用合适的标签、编写合理的代码结构，使得开发者阅读起来更加轻松，浏览器和搜索引擎爬虫解析起来更加方便。

怎么样理解内容与样式分离的原则

网页前端部分通常由结构层（内容）、表示层（样式）、行为层三部分构成，分别由 HTML、CSS、JavaScript 三种语言进行编写，这样子可以实现各个层之间的相互独立，以方便单独对某个层进行修改而不影响其它。内容与样式分离的原则可以指导我们在网页构建时，精力先放在 HTML（内容）的结构和语义化构建上，在内容确定后再对其样式进行美化和修改，同时不影响之前内容的结构。

有哪些常见的 meta 标签

告诉浏览器用什么字符集进行解析

告诉优先使用 IE 最新版本和 Chrome

浏览器内核控制

进行搜索引擎优化

文档声明的作用?严格模式和混杂模式指什么?的作用?

文档声明位于 HTML 文件开头部分，用于指定浏览器解析该文档所采用的规范集。严格模式要求浏览器按照指定规范集的最高模式进行解析，不再向下兼容；而混杂模式会允许浏览器用最高规范集解析出问题时才用兼容规范集进行解析。指定浏览器用 HTML5 解析该页面。

浏览器乱码的原因是什么？如何解决？

浏览器乱码可能是因为浏览器采用了错误的字符集来对 HTML 界面进行解析，通过改变 meta 标签中的 charset 属性可以改变浏览器解析界面的字符集。

常见的浏览器有哪些，什么内核？

IE/MaxThon/360/The World/搜狗浏览器：Trident 内核

Chrome/Safari：Webkit 内核

Opera7 及以上：Presto 内核

列出常见的标签，并简单介绍这些标签用在什么场景

a 链接，跳转到一个新地址

img 图片，在该位置展示图片

div 页面分块

ul li 无序列表

ol li 有序列表

dl dt dd 展示一系列“标题：内容...”

button 按钮

strong em span ：强烈强调/稍微强调/行内元素特殊效果

iframe：嵌入一个页面

table：展示表格