初识HTML

一、什么是HTML、XHTML、XML？

1. HTML全名Hyper Text Markup Language，也就是超文本标记语言，隶属于SGML的一部分，HTML语言诞生很早，最初只是一个个链接把网页关联起来，功能很简单。容易上手。

2. XML是The Extensible Markup Language(可扩展标识语言)的简写。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语言。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于[网络数据]的转换和描述。

3. XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

二、HTML、XHTML、XML的区别

• HTML的语法结构很松散，主要为了早期程序员上手方便，以及降低上手门槛，让那些不懂编程的人也可以做网页，所以HTML更偏重于自然人的理解方式，不仅语法松散，而且很多地方模糊不清。

• 实际上，网页的终极标记语言是XML，但XML结构复杂，语法严谨，学习起来相对现行的HTML也比较困难，尤其在早期标准不统一的年代，XML没法立即铺开。

• 后来W3C经过多方的努力吧，想出一个折衷的办法，就是XHTML，扩展的HTML，也就是适当地、逐步地向HTML加入XML的标准。让开发人员有一个过渡。既是扩展，当然主要内容还是一样的，只不过语法方面更严格了。除此之外，XHTML还废弃了一些标签

三、怎样理解HTML语义化？

• html语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；在没有样式CCS情况下也以一种文档格式显示，并且是容易阅读的。

• HTML语义化有利于SEO，有助于爬虫抓取更多的有效信息，爬虫是依赖于标签来确定上下文和各个关键字的权重。语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代码结构，其次语义化方便其他设备的解析，便于团队开发和维护。

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

• 内容和样式分离原则，就是将HTML文件和CSS文件分开，CSS尽量使用外联式。这样做方便开发人员查找并修改样式，而且在有些情况下，能进行样式复用。也会极大的缩减html文件的大小。

五、常见的meta标签

标签永远位于 head 元素内部。常用于定义页面的说明，关键字，最后修改日期和其他的元数据。meta标签共有两个属性，分别是http-equiv属性和name属性。
*详细介绍见http://www.tuicool.com/articles/A7j2QjF

• 声明编码，现在一般直接这样写.

• 使用IE的edge，或者chrome1来渲染页面。

• 禁止浏览器从本地计算机的缓存中访问页面内容。

• 浏览器不会自动调整文件大小，即固定大小，不会随着窗口的缩小放大而改变。

• 页面关键字，方便用户搜索。

• 页面的描述。

• 搜索引擎索引方式。

• 定义网页作者

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

• 声明位于文档中的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。指示web浏览器关于页面使用哪个HTML版本进行编写的指令。该标签可声明三种DTD类型，分别表示严格版本、过渡版本和基于框架的HTML文档。详细看http://www.w3school.com.cn/tags/tag_doctype.asp

• 当浏览器厂商开始创建与标准兼容的浏览器时，他们希望确保向后兼容性。为了实现这一点，他们创建了两种呈现模式：标准模式和混杂模式（quirks mode）。在标准模式中，浏览器根据规范呈现页面；在混杂模式中，页面以一种比较宽松的向后兼容的方式显示。

• 在HTML 4.01中有三种声明，在HTML5种只有一种，就是，其作用是声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

document.compatMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。

这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat，浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。如果你的页面添加了那么，那么就等同于开启了标准模式。那么浏览器就会按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。

七、浏览器乱码的原因是什么以及解决方法、

• 浏览器产生乱码的根本原因是你保存的编码格式和浏览器解析时的解码格式不匹配。
• 解决方法：首页，在文件保存的时候你自己要清楚是用哪种编码方式保存的（sublime默认保存方式是utf-8，如果安装了插件也可另存为gbk，其它IDE可以做设置保存格式）。如果你的文件是保存为utf-8格式，那么一定要在html 的 里添加，这句话的意思是告诉浏览器在打开这个页面的时候不要去猜了，直接用utf-8去解码。 同理，如果你的文件保存为gbk格式，一定在文件里添加。

八、常见的浏览器以及相对应的内核

| 浏览器 | 内核 |
|--------------|:-----------:|----------:|
|IE | Trident |
|Firefox | Geckos |
|Safari | Webki |
|The World| Trident |
|Chrome | Webki |
|Opera | Presto |

九、常见的标签以及这些标签的作用

• 编辑时一般采用小写