一些关于HTML的面试题

HTML，XML，XHTML有什么区别？

从字面上看，他们都是HTML，都是标记语言（Markup Language）

• HTML:超文本标记语言，缺点语法比较宽松，不严格的web语言。
• XML：可扩展的标记语言，主要用于存储数据和结构，可扩展。
• XHTML:可扩展的HTML，但比HTML语法更加严谨。

怎样理解HTML语义化

• 其实很简单，语义化的主要目的就是让大家直观的认识标签和属性的用途和作用，让浏览器更加容易理解。
• 语义化的网页的好处，最主要的就是对搜索引擎友好，有了良好的结构和语义你的网页内容自然容易被搜索引擎抓取，你网站的推广便可以省下不少的功夫。
• 语义 Web 技术有助于利用基于开放标准的技术，从数据、文档内容或应用代码中分离出意义。

• 总结，另机器更加好运作，让工作的人看起来更加舒服，让工作时候更加有效率。

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

在前端中，HTML是结构层，CSS是样式层，javaScript是行为层。

• 写 HTML 的时候先不管样式, 重点放在HTML的结构和语义化上，让 HTML 能体现页面结构或者内容。之后再去写样式。
• 在HTML上尽量小出现行内样式。
• 写 JS 的时候，尽量不要用 JS 去直接操作样式。

有哪些常见的meta标签

元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。

meta标签	含义
	声明文档使用的字符编码
	声明文档兼容模式，指示IE以目前可用的最高模式显示内容
	定义针对搜索引擎的关键词
	页面描述，告诉搜索引擎你的站点的主要内容
	定义网页作者
	定义页面的最新版本
	5秒刷新一次页面
	用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式
	禁用缓存
	cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也必须使用GMT时间格式。
	搜索引擎索引方式

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

一个一个问题来吧；
1.文档声明的作用: 告知浏览器文档使用哪种规范。

2.严格模式和混杂模式指什么:

• .严格模式：在严格模式中，浏览器以其支持的最高标准呈现页面

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

3. 的作用：

• 声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

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

• 设置标签声明文档使用的字符编码
• 设置正确的字符编码
• 设置浏览器显示正确的编码

如果浏览器浏览时候出现网页乱码，在浏览器中找到转换编码的菜单调整。IE9浏览器：在需要转码的网页空白出右键鼠标，选择“编码”。傲游浏览器：在需要转码的网页时，菜单“查看”-->“编码”即可选择转换编码谷歌浏览器：在需要转码的网页时，点击右上角“三横”图标选择“工具”-->“编码”即可选择切换网页编码

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

浏览器	内核
IE	trident
Firefox	Gecko
Opear	Presto
Safari&Chromr	Webkit
手机端IOS和安卓	Webkit

列出常用的标签。应用场景有那些

标签	用法
h1	大标题
div	经常用的了，只要你不乱用
span	通常用来包裹一下等下要设置效果的内容
input	按钮，神器，经常用
ul	列表，经常用来排列好一大堆内容
header	HTML5新增的，语义化，代表头部
nav	HTML5新增，语义化，其实跟div没啥区别，代表导航栏的内容