HTML5引入了许多新的标签,以更好地定义网页内容和结构。以下是一些常用的HTML5标签及其用途的速查表:
文档结构标签
<header>:定义文档或部分的页眉。<footer>:定义文档或部分的页脚。<article>:定义独立的内容区块。<section>:定义文档中的一个区段。<nav>:定义导航链接的部分。<aside>:定义与页面主要内容稍微相关的部分(如侧边栏)。<main>:定义文档的主要内容。<figure>:定义媒介内容的分组,以及可选的标题。<figcaption>:定义<figure>元素的标题。<section>:定义文档中的一个独立区段。
表单控件标签
<form>:定义表单,用于用户输入。<input>:定义输入字段(类型可以是text, password, checkbox, radio, file等)。<textarea>:定义多行文本输入控件。<button>:定义按钮。<select>:定义下拉列表。<option>:定义<select>元素中的选项。<label>:定义<input>元素的标签。<fieldset>:将表单内的相关元素分组。<legend>:定义<fieldset>元素的标题。<datalist>:定义下拉列表。<keygen>:定义密钥对生成器字段(用于表单)。<output>:定义表单元素的结果。
媒体标签
<audio>:定义音频内容。<video>:定义视频或视频流。<source>:定义媒体资源。<track>:定义字幕或字幕文件。
其他标签
<canvas>:定义图形,使用JavaScript在其中绘制图像。<svg>:定义SVG矢量图形。<details>:定义用户可以查看或隐藏详细信息的组件。<summary>:定义<details>元素的标题。<progress>:定义任务的完成进度。<meter>:定义已知范围或分数值的度量。<embed>:定义嵌入的内容,如PDF或视频。<iframe>:定义内联框架。
元数据标签
<!DOCTYPE html>:文档类型声明,定义了文档为HTML5。<html>:定义整个HTML文档。<head>:定义文档的头部,包含了文档的元数据。<title>:定义文档的标题。<meta>:定义元数据,如字符集、页面描述、关键词等。<link>:定义文档与外部资源之间的关系,如链接样式表。<script>:定义客户端脚本,如JavaScript。
这些标签是HTML5中常用的一些,它们帮助开发者创建更丰富、更语义化的网页内容。
评论已关闭