任务4

HTML、XML、XHTML 有什么区别

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

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 语义化

1. 什么是HTML语义化？

根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。

2. 为什么要语义化？

• 为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；
• 用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；
• 有利于SEO：和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
• 方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
• 便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

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

内容与样式 的分离即：

• 写 HTML 仅处理内容，只考虑 HTML 的结构和语义化，避免出现属性样式。
• 写 JS 的时候，尽量不使用 JS直接操作样式。
• 页面展现的所有样式，都由CSS来负责实现。

有哪些常见的meta标签

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

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

1. 声明必须是 HTML 文档的第一行，位于 标签之前。 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令
2. 严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。
3. 混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。
4. 如何区分：浏览器解析时到底使用严格模式还是混杂模式，与网页中的 DTD 直接相关。

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

产生乱码的原因一般是文档没有声明自身的编码导致浏览器错误地使用了与文档不同的解码方式，从而导致内容无法正常显示一定要清楚文件保存时的编码方式并在文件内声明.

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

浏览器	内核
Internet Explorer	Trident内核（IE内核）
Firefox	Gecko
Opear、chorme	Blink
Safari、遨游、	Webkit
360安全浏览器	1.0-5.0为Trident，6.0为Trident+Webkit，7.0为Trident+Blink
猎豹安全浏览器	1.0-4.2版本为Trident+Webkit，4.3及以后版本Trident+Blink
搜狗高速浏览器	1.x为Trident，2.0及以后版本为Trident+Webkit

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

标签	场景
head标签	页面的头部，位于之间
body标签	页面身体部分，位于之间
~ 标签	页面的标题
p标签	记录一大段文字
div标签	主要用来为HTML文档内大块的内容提供结构和背景
ul标签	无序列表
ol标签	有序列表
a标签	超链接
img标签	用来引入图片