html知识点

1. HTML、XML、XHTML 有什么区别

• HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；
• XML，可扩展标记语言，主要用于存储数据和结构
• XHTML，可扩展超文本标记语言，基于XML，作用与HTML类似，但语法更严格

2. 怎样理解 HTML 语义化

• 选择合适的标签、使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好地解析。

语义化的意义：
- 为了在没有CSS的情况下，页面也能呈现出很好地内容结构，这样不至于在没有样式的情况下使浏览者无法阅读。
- 增强用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用。
- 有利于seo,和搜索引擎建立良好沟通，
- 有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重。
- 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页。
- 便于团队开发和维护，语义化更具可读性，是下一步把网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

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

• 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
• 写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化
• HTML 内不允许出现属性样式，尽量不要出现行内样式
• 选择合适的标签、使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好地解析。

4. 有哪些常见的meta标签
5. 文档声明的作用?严格模式和混杂模式指什么? 的作用?

• BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
• CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
  这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。 如果你的页面添加了那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。这就是的作用。