HTML知识点

HTML、XML、XHTML 有什么区别？

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

怎样理解 HTML 语义化？

语义化HTML是一种编写HTML的方式，根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。
语义化带来的是更清晰的页面结构，使页面可读性更强；更清晰的代码结构，更利于开发团队的开发和维护；更好的适应性，可以支持更多的设备的不同表现形式；与机器更良好的沟通，使浏览器更容易渲染表现，也使搜索引擎更容易获取有效信息。

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

• 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
• 写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。
• HTML 内不允许出现属性样式，尽量不要出现行内样式。

常见的meta标签

• http-equiv | content-type / expire / refresh / set-cookie |把content属性关联到HTTP头部。
• name | author / description / keywords / generator / revised / -
  others |把 content 属性关联到一个名称。
• content | some text | 定义用于翻译 content 属性值的格式。

SEO优化

常见的标签

• h1-h6 标题标签
• p 段落标签
• a 链接标签
• href="#about" 跳转到id为about的位置
• href="/test" 跳转到完整域名+test
• img 图片链接
• alt 图片无法展示时，显示内容，便于视力障碍人士使用
• div 块标签
• ul 无序列表
• li ul的子标签，ul下的直接元素必须是li
• ol 有序列表
• li ol的子元素
• dl 展示有标题和内容的自定义表格
• dt 标题子标签
• button 按钮标签
• strong 强调元素
• em 中层强调元素
• span 标记一段行内元素
• iframe 在当前页面嵌入一个页面
• table 用于展示表格，不要用来做布局
• thead、tbody、tfoot 一般不用写
• tr 代表表格的一行
• th 代表表格第一行的列内容
• td 代表表格的一列、

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

• 文档声明用来告知浏览器当前文档所使用的HTML或XHTML规范。
• 严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。
  混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。
• 的作用是告知浏览器页面是用html5编写的。

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

• 原因：文档保存的编码格式和浏览器采用的编码格式不一样。
• 解决办法：在文档内申明编码格式。

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

• Trident：主要由IE浏览器采用。
• Presto：opera浏览器采用内核，目前公认网页浏览速度最快。
• Gecko：火狐浏览器采用的内核。
• Webkit：safari浏览器和Google Chrome采用的内核。