重构html lesson 1
TRANSCRIPT
2010
认识 HTML
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种【编程语言】，而是一种【标记语言】 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
2
HTML 是用来描述网页的一种语言。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
3
HTML 标记标签通常被称为 HTML 标签 (HTML tag)
HTML 文档描述网页 (Document) HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
4
Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。
浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容
<!DOCTYPE html …><html …><head>…</head> <body>…</body> </html>
< ！ DOCTYPE html ..> DTD 描述了文档类型声明（ DTD declaration ，简称 doctype ）
<html> 与 </html> 之间的文本描述网页 <head> 与 </head> 之间提供了不影响文档渲染效果但对于浏
览器可能非常有用的信息。 <body> 与 </body> 之间的文本是可见的页面内容
5
HTML 4.01 规定了三种文档类型： Strict 、 Transitional 以及 Frameset 。
HTML5 并没有 DTD ，为了向后兼容，定义了在 text/html中 doctype 是唯一的模式转换声明，除此外没有什么用处。其 doctype 如此简洁： <!DOCTYPE html> 。
标准模式，最前沿的验证 <!DOCTYPE html> 过渡型 DOCTYPE 声明让你不必完全语义化标记就能让文
档通过验证（ http://validator.w3.org/ ）。它允许文档包含诸如 i 、 b 和center 等这些不推荐使用的表现性元素。
6http://ued.koubei.com/?p=928
http://dancewithnet.com/2009/06/14/activating-browser-modes-with-doctype/#xml
XHTML 的目标是取代 HTML 。
XHTML 与 HTML 4.01 兼容，几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
XHTML 是基于 XML 的应用 , 更简洁更严紧。
XHTML 是一个 WEB 标准之一。
[ 不推荐使用 ]
7
XHTML vs HTML
什么是 HTML5 ？
HTML5 将成为 HTML 、 XHTML 以及 HTML DOM 的新标准。
HTML5 仍处于完善之中。大部分现代浏览器已经具备了某些 HTML5 支持。
更多参考 http://www.w3school.com.cn/html5/html_5_intro.asp
<!DOCTYPE html> 告诉浏览器编写页面所用的标记的版本是HTML5 ，如果不支持则做降级处理，降级为 HTML4.01标准模式或准标准模式。
8
CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素
样式表通常放置在 .CSS 文件或 HTML 文档的某一部分 , 通常为 head 区域 ( 外部和内部 )
CSS 解决内容与表现分离的问题
CSS 反提高页面浏览速度 , 易于维护和改版
CSS 是 WEB 标准之一
9
10
更多简介
http://wenku.baidu.com/view/38f304254b35eefdc8d33327.html
不同浏览器下默认样式的存在差异
Gecko 引擎 : resource://gre/res/html.css
http://lifesinger.org/blog/2009/03/reset-css-baigua/
http://lifesinger.org/blog/2009/07/reset-css-tech/
11
12
请 看 下 集
&&
提 问 时 间