HTML、XML、XHTML的区别

HTML

HTML是超文本标记语言（HyperText Markup language，简称HTML）是一种创建网页的标准语言，常与CSS、Javascript一起用于网页设计。HTML语法较为松散、不严格的web语言。

XML

可扩展标记语言，主要用于存储数据和结构。

XHTML

可扩展超文本标记语言，基于XML，作用与HTML相似，但语法更严格。

HTML语义化

语义化的含义就是用正确的标签做正确的事情，html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的。搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。

内容与样式分离原则

• 在前端中,用HTML时只考虑内容与语义化，不允许出现属性样式。
• 页面样式用css实现。
• JS负责交互、功能。写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化。
• 内容和样式的分离，便于后期的维护和修改。

常见的meta标签

• <meta charset="utf-8">告诉浏览器编码格式。
• <meta http-equiv="x-uA-compatitle" content="IE=edge,chrome=1>"告诉双核浏览器，用”IE“或”chrome"内核进行渲染。
• <meta name="viewport" content=width=device-width,inital-scale=1,maximam-scare=1">让其在移动端合理展示。
• <meta name="keywords" content="内容“便于搜索引擎优化，知道“keywords"内容并呈现在页面上。
• <meta name="description" content=”内容"便于搜索引擎优化，知道“description"内容并呈现在页面上。

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

浏览器乱码是因为未定义编码格式，需给编码定格式<meta charset="utf-8">

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

常用浏览器有chrome、IE、Firefox、Opera等。Chrome浏览器 Webit内核，
IE浏览器自家IE内核，Firefox浏览器的Gecko内核以及国内的QQ浏览器360浏览器等双核浏览器。

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