关于HTML的一些知识点

HTML、XML、XHTML 有什么区别

• HTML（Hyper Text Markup Language）,超文本编辑语言，是网页的标准标记语言。
  缺点：语法松散，标签不闭合也可以运行
• XML（eXtensible Markup Language），可扩展标记语言，被用来结构化，存储及传输数据。可自行定义标签。w3c觉得有用，
• XHTML 基于xml，作用于HTML类似，产生了XHTML，更严格的html，标签必须闭合，必须小写。

怎样理解HTML语义化

选择合适的标签，使用合理的代码结构，便于开发者阅读，同时让浏览器的爬虫和机器很好的解析。（比如盲人不会看到，但通过语义化的标签，机器可以识别并读给听者，告诉他这是一个标题，这是一个段落，等等）

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

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

有哪些常用的meta标签

• 告诉浏览器页面用的是什么编码格式。
• 如果浏览器用的是IE内核，用最新的edge去渲染，如果用的是chrome内核，用chrome去渲染。
• 用于让页面在移动端合理展示
• 给页面添加关键字，便于seo优化。

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

文档声明用来告知浏览器使用的HTML版本。

• 严格模式：使用doctype明确告知浏览器HTML的版本。
• 混杂模式：页面不加DOCTYPE，浏览器按照自身的方式自由渲染页面
  告诉浏览器当前现在使用过的HTML版本是HTML5，这样浏览器就能用HTML5标准来渲染页面

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

原因：HTML页面的编码格式和浏览器解码格式不相同
更改浏览器的解码格式，使之与HTML页面的编码格式一致。或者在meta标签中指定charset为页面编码的方式，这样浏览器就能自动读取，从而采用正确的解码方式

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

• Chrome浏览器 Webit内核
• Firefox Geoko内核
• Safari Webkit内核
• IE浏览器 自家IE内核
• 国产诸如QQ浏览器/搜狗浏览器/360浏览器之类均为双内核

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

• h1、h2、h3、h4、h5、h6标签用于标题
• p 标签用于段落，大段文字
• div标签用于给页面划分区块，让结构更清晰
• a标签用于添加链接，链接到某个地址，或者页面上的某个元素。
• img标签用于给页面添加一张图片
• ul和li合用，给页面添加并列的内容
• ol和li合用，给页面添加有步骤和编号的有序内容
• dl dt dd标签，用于展示一系列标题和内容的场景
• button 用于添加按钮
• em 强调页面中的某些内容
• strong 比em标签的强调性更强，表示很重要
• iframe 用于嵌入一个页面，注意跨域操作的问题
• table 用于展示表格，不要用来做布局，thead，tbody和tfoot可以省略，浏览器会自动添加border-collapse:collapse,用于合并边框。