HTML5标签全览：新特性与功能分类解析
需积分: 23 147 浏览量
更新于2024-07-21
收藏 36KB DOCX 举报
本文档是关于HTML5新标签的整理，包括按照字母顺序排列和功能类别的分类。HTML5引入了许多新的元素，旨在使网页结构更清晰，内容更语义化，提高网页的可访问性和可编程性。
一、新标签
HTML5引入的新标签有以下作用：
1. `<article>` - 用于定义独立的内容，比如博客文章或新闻报道。
2. `<aside>` - 用于定义与主内容相关的辅助内容，如侧边栏或者注解。
3. `<audio>` - 支持音频内容的播放，可以包含多个不同的源以适应不同的浏览器。
4. `<canvas>` - 提供了一个图形绘制区域，通过JavaScript进行动态图形绘制。
5. `<details>` - 用于创建可展开和关闭的详细信息部分。
6. `<figcaption>` - 用于定义`<figure>`元素的图注。
7. `<figure>` - 用于定义一块与主要内容相关的媒体内容，如图片或图表。
8. `<footer>` - 定义页面或区段的底部，通常包含版权信息和导航链接。
9. `<header>` - 定义页面或区段的顶部，通常包含导航元素。
10. `<main>` - 用于定义页面的主要内容，与页面的其他辅助内容区分开。
11. `<mark>` - 用于高亮文本，通常表示重要的或需要用户注意的部分。
12. `<nav>` - 用于定义主要的导航链接集合。
13. `<section>` - 用于定义文档中的一个区段，比如章节或页眉。
14. `<summary>` - 用于定义`<details>`元素的摘要或标题。
二、功能类别标签
1. **基础** - 如`<body>`定义文档主体，`<head>`定义元数据。
2. **格式** - 包括`<b>`、`<i>`、`<u>`等用于文本格式化的标签。
3. **表单** - 如`<form>`、`<input>`、`<select>`、`<textarea>`用于创建交互式表单。
4. **框架** - ` frames`相关标签，如`<iframe>`用于嵌入其他网页。
5. **图像** - `<img>`用于插入图像，`<picture>`定义多种源的图像。
6. **音频/视频** - `<audio>`和`<video>`支持多媒体内容。
7. **链接** - `<a>`定义链接，`<link>`定义外部资源的链接。
8. **列表** - `<ul>`、`<ol>`定义无序和有序列表，`<li>`定义列表项。
9. **表格** - `<table>`、`<tr>`、`<td>`等构建表格。
10. **样式/节** - `<style>`定义内联CSS，`<section>`定义文档的区段。
11. **元信息** - `<meta>`定义元信息，如字符编码、描述等。
12. **编程** - `<script>`引入JavaScript代码，`<noscript>`定义在脚本不支持时显示的内容。
三、属性
HTML标签可以有各种属性，例如：
- **核心属性(CoreAttributes)**：如`class`、`id`、`style`等，几乎所有的HTML元素都支持这些属性。
- **语言属性(LanguageAttributes)**：如`lang`，定义元素的语言。
- **键盘属性(KeyboardAttributes)**：如`accesskey`，定义快捷键。
每个标签都有其特定的属性，例如`<a>`标签有`href`定义链接地址，`<img>`有`src`定义图像源，`<video>`有`controls`显示控制条等。
总结起来，HTML5的新标签和属性显著增强了网页的结构化和语义化，提高了内容的可读性和可访问性。开发者可以更准确地表达网页内容，同时，这些新特性也为搜索引擎优化（SEO）和无障碍网页设计提供了更好的支持。
"!#" 定义下拉列表。
定义定义列表中项目的描述。
! 定义被删除文本。
"#!
定义元素的细节。
# 不赞成使用。定义目录列表。
#,
定义文档中的节。
% 定义定义项目。
#!&
定义对话框或窗口。
! 定义定义列表。
"
定义定义列表中的项目。
定义强调文本。
定义外部交互内容或插件。
-!" 定义围绕表单中元素的边框。
-& "#
定义 -&$元素的标题。
-&$ 定义媒介内容的分组，以及它们的标题。
%"
不赞成使用。定义文字的字体、尺寸和颜色。
3
剩余14页未读，继续阅读
2016-07-17 上传
2023-07-24 上传
2024-02-29 上传
2023-03-31 上传
2023-09-01 上传
2024-01-01 上传
2023-05-05 上传
2023-08-12 上传
kedahaitao
- 粉丝: 0
- 资源: 1
我的内容管理
展开
最新资源
- 多模态联合稀疏表示在视频目标跟踪中的应用
- Kubernetes资源管控与Gardener开源软件实践解析
- MPI集群监控与负载平衡策略
- 自动化PHP安全漏洞检测：静态代码分析与数据流方法
- 青苔数据CEO程永：技术生态与阿里云开放创新
- 制造业转型： HyperX引领企业上云策略
- 赵维五分享：航空工业电子采购上云实战与运维策略
- 单片机控制的LED点阵显示屏设计及其实现
- 驻云科技李俊涛：AI驱动的云上服务新趋势与挑战
- 6LoWPAN物联网边界路由器：设计与实现
- 猩便利工程师仲小玉：Terraform云资源管理最佳实践与团队协作
- 类差分度改进的互信息特征选择提升文本分类性能
- VERITAS与阿里云合作的混合云转型与数据保护方案
- 云制造中的生产线仿真模型设计与虚拟化研究
- 汪洋在PostgresChina2018分享：高可用 PostgreSQL 工具与架构设计
- 2018 PostgresChina大会：阿里云时空引擎Ganos在PostgreSQL中的创新应用与多模型存储
