HTML知识点

一、HTML、XML、XHTML 有什么区别

1. html即是超文本标记语言（Hyper Text Markup Language），是最早写网页的语言，但是由于时间早，规范不是很好，大小写混写且编码不规范；
2. xhtml即是升级版的html（Extensible Hyper Text Markup Language），对html进行了规范，编码更加严谨纯洁，也是一种过渡语言，html向xml过渡的语言；
3. xml即时可扩展标记语言（Extensible Markup Language），是一种跨平台语言，编码更自由，可以自由创建标签。
4. 网页编码从html>>xhtml>>xml这个过程发展。

html与xhtml之间的区别：

可以参考这个网页：http://www.dreamdu.com/xhtml/html_xhtml/
1、xhtml对比与html，xhtml文档具有良好完整的排版，体现在两方面：a、元素必须要有结束标签；b、元素必须嵌套；
2、对于html的元素和属性，xhtml必须小写，因为xml是严格区分大小写的，

和

是不同的标签；
3、 xhtml的属性值必须在引号之中；
4、xhtml不支持属性最小化，什么是属性最小化了？　　正确:非最小化属性(unminimized attributes)　　　　不正确:最小化属性(minimized attributes)　　
5、在xhtml中，name属性是不赞成使用的，在以后的版本中将被删除。

再说说为什么网页编码要从html>>xhtml>>xml这么发展？

话说早起的网页使用html语言编写的，但是它拥有三个严重的缺点：
1、编码不规范，结构混乱臃肿，需要智能的终端才能很好的显示；
2、表现和结构混乱，不利于开发和维护；
3、不能使用更多的网络设备，比如手机、PDA等；
因此HTML需要发展才能解决这个问题，于是W3C又制定了XHTML，XHTML是HTML向XML 过度的一个桥梁。而xml是web发展的趋势。

二、怎样理解 HTML 语义化

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

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

1）网页分离
一个网页分为三个部分：Html——结构，css——表现，javascrip——行为。内容也就是html，样式也就是css。所以内容和样式的分离，就是指在网页编码的过程中，要将html和css两大部分分开。
2）如何实现
内容与样式分离的原则的实现，一个是要依靠意识，另一个是依靠经验。
举例而言，面对一个分块明显的网页设计图时：
-初级的开发人员思路及制作方法：div 层层嵌套；
-中级的开发人员思路及制造方法：去掉多余的 div ,进行简化；
-高级的开发人员思路及制造方法：最大化的简化 html 的结构，然后用 css 进行设置，减少 html 与 css 的契合度。

正确做法是写HTML的时候先不管样式，重点放在HTML的结构和语义化上，让HTML能提现页面结构或者内容,，然后进行 css 样式设置，减少 HTML 与 CSS 契合度（即内容与样式分离） ，写JS的时候，尽量不要用JS去直接操作样式，而是通过给元素添加删除class来控制样式变化（即行为分离）。

3）分离原则的优点
-浏览器加载网页页面速度变快。分离原则下，大部分页面代码写在了CSS当中，页面体积容量变得更小。
-网页修改设计时，效率、省时。根据html标签内ID或class的标记，到CSS里找到相应的ID或class，可以快速替换指定位置的样式，不会破坏页面架构和其他部分的样式。
-典型的应用就是网页换肤，使用相同的 html 结构，不同的 css 样式。
-更好地被搜索引擎收录。基于内容与样式分离的原则，html的语义化就是首要考虑的,网页中语义化的标签代码就会更加适合搜索引擎。
-css样式的分离，它可以根据不同的浏览器，达到显示效果的统一。保证网页架构不变形的前提下，放心在不同浏览器渲染显示样式。
转自[饥人谷_huangyh_max]

四、有哪些常见的meta标签

** 标签永远位于 head 元素内部；标签有两个属性name和http-equiv。**
1、指定字符集：

2、向搜索引擎说明你的网页的关键字：

3、告诉搜索引擎你的站点的主要内容：

4、告诉搜索引擎你的站点的制作的作者：

5、定时让网页在指定的时间n内跳转

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

7、禁用缓存：

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

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

** 文档声明的作用**
文档声明是为了告诉浏览器，你的 HTML 文档是用的什么版本的 HTML 来写的，这样浏览器才能按照你声明的版本来正确的解析你的 HTML 文档。
严格模式和混杂模式指什么

• 严格模式（推荐）现在也称为标准模式，在该模式下，浏览器会严格按照 HTML 和 CSS 标准来解析、渲染你的文档。

• 混杂模式（不推荐）的由来是一个历史问题。在互联网早期，网页一般写成两个版本：一个写给网景公司的 Navigator浏览器，一个写给微软公司的IE浏览器。当W3C制定了 Web 标准后，这两个浏览器不能马上开始按标准来解析渲染页面，因为这样会破坏当时大部分页面的显示效果。所以各浏览器就引入了混杂模式，在该模式下，浏览器会模拟Navigator 4和IE5的非标准行为来解析渲染页面，这样做就是为了兼容在W3C标准出现之前就存在的那些“不标准”的页面。
  的作用
  的作用就是让浏览器进入标准模式，使用最新的 HTML5标准来解析渲染页面；如果不写，浏览器就会进入混杂模式，而这是我们要避免的。

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

原因是因为在编写代码的时候，你没有选择编码，即浏览器应该用什么字符集来解析你上面的文字，那浏览器不知道，他就只能猜，如果你保存的你的HTML编码为utf-8，而浏览器选择了gbk来解析，那就出现了乱码。
所以要解决的话，就需要在我们写代码的时候写上告诉浏览器，你不用猜了，用这个来解析就对了。

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

chrome、Safari、360极速浏览器以及搜狗浏览器高速模式使用WebKit内核
IE、猎豹、360、搜狗、傲游、世界之窗、Avant、腾讯TT使用Trident内核，又称为IE内核。
Firefox、Netscape6至9使用Gecko内核。
Chrome（28及往后版本）、Opera（15及往后版本）和Yandex浏览器中使用Blink内核。

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

..

标签	使用场景
...	定义了文档的开始点和结束点
..	定义文档的头部，其中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等
	定义文档标题
..	提供有关页面的元信息
..	定义文档的主体，包含文档的所有内容
a..../a	定义超链接
	图片
-	定义标题
..	段落
..	定义无序列表
..	定义有序列表
...	定义列表项目
..	定义文档中的分区或节
...	强调
..	语气更强的强调
..	定义文档中的一小节
..	定义表格
定义表格中的行
	创建一条水平线