HTML5新标签与常用属性一览

需积分: 18 194 浏览量更新于2024-07-25 收藏 791KB DOC 举报

"这篇资料主要介绍了HTML5中的常用标签，包括一些新的标签和已废弃的标签，涵盖了HTML5中用于创建网页结构、样式和交互性的关键元素。" HTML5是现代网页开发的标准，引入了许多新的标签，以提高语义性和可访问性。以下是这些标签的一些详细说明： 1. **`<!DOCTYPE>`** - 定义文档类型，HTML5中通常使用`<!DOCTYPE html>`声明文档为HTML5。 2. **`<a>`** - 用于创建超链接，可以链接到其他网页、文件、邮箱地址等。 3. **`<abbr>`** - 表示缩写，如`<abbr title="World Health Organization">WHO</abbr>`，鼠标悬停时显示完整含义。 4. **`<address>`** - 用于展示联系信息，比如作者或文章的联系方式。 5. **`<article>`** - 包裹独立的内容，如博客文章、新闻报道等。 6. **`<aside>`** - 用于侧边栏内容，与主要内容相关但并非主要内容的一部分。 7. **`<audio>`** - 支持音频播放，可以插入MP3、WAV等音频文件。 8. **`<b>`** - 用于强调文本，创建加粗效果，但在HTML5中更推荐使用`<strong>`来强调语义。 9. **`<base>`** - 设置页面中所有链接的基础URL，简化相对链接。 10. **`<canvas>`** - 提供动态图形绘制能力，通过JavaScript操作。 11. **`<button>`** - 创建按钮，可以用于提交表单或触发JavaScript事件。 12. **`<caption>`** - 用于表格的标题，通常在表格顶部。 13. **`<center>`** - HTML5中不再推荐，原本用于居中文本，现在应使用CSS的`text-align: center`。 14. **`<cite>`** - 用于引用，如书籍、电影等的名称。 15. **`<code>`** - 表示代码或计算机语言片段。 16. **`<col>`** - 用于定义表格列的样式和属性。 17. **`<colgroup>`** - 用于定义表格列的组，方便统一设置样式。 18. **`<command>`** - 用于创建命令按钮，与用户交互。 19. **`<datalist>`** - 提供下拉列表，配合`<input>`元素使用。 20. **`<dd>`** - 在定义列表`<dl>`中定义描述的细节。 21. **`<del>`** - 用于表示被删除的文本，显示修改历史。 22. **`<details>`** - 创建可展开/折叠的详细内容，提高用户体验。 23. **`<dfn>`** - 标记术语的首次定义，有助于解释术语含义。 24. **`<dir>`** - HTML5中废弃，原用于创建目录列表，现推荐使用`<ul>`或`<ol>`。 25. **`<div>`** - 通用容器元素，用于组合其他元素，便于布局和样式控制。 26. **`<dl>`** - 定义列表，包含术语和描述。 27. **`<dt>`** - 定义定义列表中的术语。 28. **`<em>`** - 强调文本，通常用斜体表示，HTML5中与`<i>`区别在于语义。 29. **`<embed>`** - 插入外部内容，如Flash或其他媒体。 30. **`<fieldset>`** - 分组表单元素，方便定义和呈现。 31. **`<figcaption>`** - 用于`<figure>`元素的标题，提供媒体内容的说明。 32. **`<figure>`** - 用于包裹媒体内容（图片、视频等）及其相关的标题或图例。 33. **`<font>`** - HTML5中废弃，原来用于设置字体、大小和颜色，现在用CSS替代。 34. **`<footer>`** - 定义页面或节的底部，常用于版权信息和导航链接。这些标签只是HTML5众多元素中的一部分，每个都有其特定的用途和语义，共同构建了丰富的网页结构和交互体验。在编写HTML5代码时，了解并正确使用这些标签能提升网页的可读性和功能。

<progress>
定义任何类型的任务的进度。
<q>
定义短的引用。
<rp>
定义若浏览器不支持 ruby 元素显示的内容。
<rt>
定义 ruby 注释的解释。
<ruby>
定义 ruby 注释。
<s>
HTML 5 中不支持。定义加删除线的文本。
<samp>
定义样本计算机代码。
<script>
定义脚本。
<section>
定义 section。
<select>
定义可选列表。
<small>
将旁注 (side comments) 呈现为小型文本。
<source>
定义媒介源。
<span>
定义文档中的 section。
<strike>
HTML 5 中不支持。定义加删除线的文本。
<strong>
定义强调文本。
<style>
定义样式定义。
<sub>
定义下标文本。
<summary>
定义 details 元素的标题。
<sup>
定义上标文本。
<table>
定义表格。
<tbody>
定义表格的主体。