HTML
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
1、HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
2、HTML 文档 = 网页
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
3、HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如
HTML 标签通常是成对出现的,比如和
某些 HTML 元素没有结束标签,比如
4、HTML 元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
5、HTML 属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。
6、HTML注释
7、HTML 标签
声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种HTML 或 XHTML 规范。
HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。
HTML Strict DTD:如果需要干净的标记,免于表现层的混乱,使用此类型。与层叠样式表(CSS)配合使用:
●HTML Transitional DTD:可包含 W3C 所期望移入样式表的呈现属性和元素。如果读者使用了
不支持层叠样式表(CSS)的浏览器以至于不得不使用 HTML 的呈现特性时,使用此类型:
●Frameset DTD:应当被用于带有框架的文档。除 frameset 元素取代了 body 元素之外,
Frameset DTD 等同于 Transitional DTD:
8、HTML标签列表
/tags/index.asp
1、XHTML
XHTML 指可扩展超文本标签语言(ExtensibleHyperText Markup Language)。
XHTML 的目标是取代 HTML。
XHTML 与 HTML 4.01 几乎是相同的。
XHTML 是更严格更纯净的 HTML 版本。
2、最主要的不同:
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
XHTML 标签名必须用小写字母。
XHTML 文档必须拥有根元素,即。
●属性名称必须小写
●属性值必须加引号
●属性不能简写
●用 Id 属性代替 name 属性
●语言属性(lang):如果在某元素中使用lang属性,就必须添加额外的xml:lang,像这样:
●空标签:
,
和:在 XHTML 中不允许使用空标签(Empty tags)。
和
标签应该被替换为
和
。
●XHTML DTD 定义了强制使用的 HTML 元素:所有 XHTML 文档必须进行文件类型声明(DOCTYPE
declaration)。在 XHTML 文档中必须存在html、head、body元素,而 title 元素必须位于在 head 元素中。
3、XHTML DTD
XHTML Strict DTD:
"/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML Transitional DTD:
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML Frameset DTD:
"/TR/xhtml1/DTD/xhtml1-frameset.dtd">
4、注意事项
●为表达语义而标记文档,而不是为了样式
●最大限度地使用 CSS 来进行布局。在 web 标准的世界里,XHTML 标记与表现无关,它只与文档结
构有关。
1、HTML 5
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。
2、HTML 5中的新特性
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素,比如 article、footer、header、nav、section
新的表单控件,比如 calendar、date、time、email、url、search
3、vedio元素
●支持的三种视频格式
⏹Ogg = 带有Theora视频编码和Vorbis音频编码的Ogg文件
⏹MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
⏹WebM = 带有 VP8 视频编码和Vorbis音频编码的WebM文件
●video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个
可识别的格式:
Your browser does not support the video tag.
●支持autoplay, loop, preload等属性