HTML4与HTML5标签详解:必备与新特性对比

需积分: 10 1 下载量 118 浏览量 更新于2024-07-15 收藏 602KB DOC 举报
本文档是一份全面的HTML标签总结,涵盖了HTML4和HTML5两个版本的主要元素。HTML (HyperText Markup Language) 是一种用于创建网页的标准标记语言,通过一系列预定义的标签来组织和呈现内容。在HTML4中,有许多特定的标签和属性,而在HTML5中,随着技术的发展,一些旧的标签逐渐被淘汰,同时引入了新的特性。 在HTML4中,常见的标签包括: 1. `<!---->`:定义注释,用于对代码进行临时性隐藏或解释,不显示在最终网页上。 2. `<!DOCTYPE>`:定义文档类型,HTML4.01文档使用不同的DTD(Document Type Definition),如`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">`,而HTML5仅需`<!DOCTYPE html>`,简化了文档声明。 - `<a>`标签是核心链接标签,用于创建超链接。它包含以下属性: - `charset`:HTML5已移除,用`charset`属性替换。 - `coords`:同样在HTML5中不再使用,用于设置链接的坐标。 - `download`:HTML5新增,用于指定下载链接的目标文件名。 - `href`:链接的目标URL。 - `hreflang`:指定链接文档的语言代码。 - `media`:指定链接针对的媒体类型。 - `name`:HTML5中不再支持,曾用于锚点标识。 - `rel`:定义链接文档与当前文档的关系,例如`rel="noopener noreferrer"`。 - `rev`:HTML5中移除,定义被链接文档与当前文档的关系。 - `shape`:HTML5中移除,用于定义链接的形状,如矩形、圆形或自定义多边形。 - `target`:指定链接在何处打开,如 `_blank`(新窗口)、`_self`(当前框架)等。 - `type`:指定被链接文档的MIME类型。 HTML对象属性,如`accessKey`(设置快捷键访问链接)、`id`(唯一标识)、`innerHTML`(设置或获取链接内容)以及`tabIndex`(设置链接焦点顺序)等,在HTML4和HTML5中都有定义,但可能在不同版本中有所调整。 HTML5相较于HTML4,做了许多改进和扩展,比如移除了过时的标签,引入了新的语义化标签(如`<header>`、`<footer>`、`<article>`等),更好地支持多媒体和移动设备,强化了语义表达能力。此外,`<a>`标签新增的属性如`download`和`hreflang`反映了现代网络应用的需求。 学习HTML时,理解这些标签及其属性的变化至关重要,它们不仅影响到网页的结构和功能性,也对SEO优化和用户体验有直接影响。掌握不同版本的HTML,有助于开发出适应不断发展的网络环境的高质量网页。