HTML知识点

1.HTML、XML、XHTML 有什么区别

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
是一种用于创建网页的标准标记语言。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。

XML 指可扩展标记语言（EXtensible Markup Language）
XML 被设计为传输和存储数据，其焦点是数据的内容。
HTML 旨在显示信息，而 XML 旨在传输信息。XML 用于传输数据，而 HTML 用于格式化并显示数据。

XHTML 指可扩展超文本标签语言（EXtensible HyperText Markup Language）。引入了人XML的一些严格的语法，是更严格更纯净的 HTML 版本。被设计出来用于取代HTML，从而避免由于HTML松散的语法所带来的一系列问题。

2.怎样理解 HTML 语义化

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

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

WEB设计中内容基本由HTML代码完成，样式则由CSS代码完成。内容与样式的分离要求在写网页内容的时候尽可能的不在内容中参杂样式。提高代码的简洁度与可维护性。在日后网站改版时仅仅维护样式文件便可以使网页风格有翻天覆地的变化。

4.有哪些常见的meta标签

标签位于文档的头部，不包含任何内容。但可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

属性	值	描述
content	some_text	定义与 http-equiv 或 name 属性相关的元信息
charset	character_set	定义文档的字符编码。
http-equiv	content-type	用于设定网页字符集，便于浏览器解析与渲染页面
	X-UA-Compatible	用于告知浏览器以何种版本来渲染页面。
	cache-control	指导浏览器如何缓存某个响应以及缓存多长时间。
	expires	用于设定网页的到期时间，过期后网页必须到服务器上重新传输。
	refresh	网页将在设定的时间内，自动刷新并调向设定的网址。
	Set-Cookie	如果网页过期。那么这个网页存在本地的cookies也会被自动删除。
name	keywords	用于告诉搜索引擎，你网页的关键字。
	description	用于告诉搜索引擎，你网站的主要内容。
	viewport	用于在移动页面下保持美观与良好可读性。
	robots	robots用来告诉爬虫哪些页面需要索引，哪些页面不需要索引。
	author	用于标注网页作者。
	generator	用于标明网页是什么软件做的。
	copyright	用于标注版权信息
	revisit-after	如果页面不是经常更新，为了减轻搜索引擎爬虫对服务器带来的压力，可以设置一个爬虫的重访时间。如果重访时间过短，爬虫将按它们定义的默认时间来访问
	renderer	renderer是为双核浏览器准备的，用于指定双核浏览器默认以何种方式渲染页面。

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

文档声明的作用是让浏览器能够正确的获知文档类型，从而切换适合的显示模式来正确的显示文档内容。

当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：严格模式和混杂模式（quirks mode）。在严格模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器（比如Microsoft IE 4和Netscape Navigator 4）的行为以防止老站点无法工作。另外，注意Mozilla/Netscape 6新增了一种 Almost Standards （近似标准）模式，用于支持为标准的某个老版本而设计的网页。

用来说明你的HTML是什么版本，其中的DTD叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的DTD来选择不同的呈现模式，解释你页面的标识，并展现出来。
要建立符合标准的网页，DOCTYPE声明是必不可少的关键组成部分。

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

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

1. 我们使用编辑器编写 HTML 文件
2. 保存编写的HTML文件
3. 使用浏览器打开HTML文件
4. HTML文件在浏览器展示

乱码产生的根源就在与第2步骤和第4步。
当我们保存HTML文件时使用的编码方式与浏览器解释此文件时使用的编码方式不同时，英文以外的字符就会产生乱码。

解决方式：使HTML文件的编码方式与浏览器解释文件时的编码方式一致即可。
例如我保存HTML文件时使用UTF-8编码方式，同时在html代码的里添加，此语句的意义是直接告诉浏览器在解释代码时直接使用UTF-8编码方式。同理在使用其他编码方式时，将UTF-8对应替代即可。

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

通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

浏览器	内核
IE	Trident
Firefox	Gecko
Chrome	Webkit
Safari	Webkit
Opera	Presto

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

1. 文档声明标签。
   用于声明HTML文档类型便于浏览器解释。
2. 
   此元素可告知浏览器其自身是一个 HTML 文档。
   标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。
3. HTML头部标签
   一般表示文档头部信息，包括标题与元信息。