HTML、XML、XHTML 有什么区别

HTML，超文本标记语言，是语法较为松散的、不严格的Web语言；

XML，可扩展标记语言，主要用于存储数据和结构参考；

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

怎样理解 HTML 语义化

语义化HTML是一种编写HTML的方式

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

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

写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。

写 JS 的时候，尽量不要用 JS 去直接操作样式，而是通过给元素添加删除class来控制样式变化

HTML 内不允许出现属性样式，尽量不要出现行内样式

优势：1.使页面载入得更快 2.修改代码时更有效率 3.更好地被搜索引擎收录 4.方便被浏览者和浏览器读取 5.视觉上的简洁，思路清晰 6.少挨几句骂

有哪些常见的meta标签

meta标签

作用

声明文档使用的字符编码

声明文档兼容模式，指示IE以目前可用的最高模式显示内容

定义针对搜索引擎的关键词

页面描述，告诉搜索引擎你的站点的主要内容

定义网页作者

定义页面的最新版本

5秒刷新一次页面

用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式

禁用缓存

cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也必须使用GMT时间格式。

告诉搜索机器人哪些页面需要索引

Robots 介绍

字段说明：

all：文件可被检索，链接可被查询

none：文件不被检索，链接不被查询

index：文件可被检索(允许登陆页面)

noindex：文件不被检索，链接可被查询(即禁止登陆页面)

follow：链接可被查询

nofollow：文件可被检索，链接不被查询(即禁止继续发掘)

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

① 它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。

② 当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式

在标准模式中，浏览器以其支持的最高标准呈现页面；

在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器的行为以防止老站点无法工作。

③ 用来声明这是一个H5页面

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

造成html网页乱码原因主要是html源代码内中文字内容与html编码不同造成。

乱码原因

下面这个流程是我们写入文件到展示文件的简单描述：

我们使用编辑器编写 HTML 文件

保存编写的HTML文件

使用浏览器打开HTML文件

HTML文件在浏览器展示

乱码产生的根源就在与第2步骤和第4步。

在第2步保持文件时会把我们写入的文字使用编辑器默认的编码方式进行保存。如果大家使用的是vscode编辑器，默认的编码方式是utf-8。

在第4步浏览器打开网页时，它并不知道你的这个文件是使用什么编码方式，于是自作主张使用了默认解码方式。如下图所示，文件保存为GBK格式，在Chrome打开时默认使用 ISO -8859的解码方式，导致编码和解码不匹配，产生乱码。

在文件保存的时候你自己要清楚是用哪种编码方式保存的。如果你的文件是保存为utf-8格式，那么一定要在html 的

里添加，这句话的意思是告诉浏览器在打开这个页面的时候不要去猜了，直接用utf-8去解码。 同理，如果你的文件保存为gbk格式，一定在文件里添加。

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

浏览器

内核

IE浏览器(Internet explorer)&大部分国内浏览器

Trident

Firefox浏览器

Gecko

Opera浏览器

Blink

Chrome浏览器&Safari浏览器

Webkit

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

标签

使用场景

h1~h6

页面中的标题

p

段落，表示大段文字

a baidu.com

链接，链到一个地址

img 

展示一张图片,只闭合标签，最后不需要加 /

div

语义为“一大块”，用于给页面划分区块，让结构更清晰

ul li

ul: unsort list 无序列表用于表示并列的内容ul的直接子元素是li 可以嵌套

ol li

ol: order list 有序列表,用于表示带步骤或者编号的并列内容 ol的直接子元素只能是li 可以嵌套

dl dt dd

用于展示一系列 “标题:内容... ”的场景

button

按钮

strong em

em 需要强调一下 strong 很重要、强调性更强

iframe

用于嵌入一个页面 注意跨域操作问题

table

用于展示表格，不要用来做布局 thead tbody tfoot可省略，浏览器会自动添加border-collapse: collapse;用于合并边框

table表格

2017-05-21_142215.png

“浏览器乱码的原因是是什么？如何解决" 引自于若愚_饥人谷 聊一聊编码与乱码 侵权删