标签用法及说明
文档结构标签
<!DOCTYPE html>: 声明文档类型为HTML5<html>: 根元素，包含整个HTML文档<head>: 包含文档的元数据，如标题、样式和脚本等<title>: 定义文档的标题，显示在浏览器标签上<body>: 包含文档的所有内容，如文本、图片、链接等<meta charset="UTF-8">: 设置字符编码<link rel="stylesheet" href="styles.css">: 链接到外部样式表<script src="script.js"></script>: 链接到外部JavaScript文件-
语义化标签
<header>: 定义页面或区段的头部<footer>: 定义页面或区段的尾部<nav>: 定义导航链接部分<article>: 定义独立的内容<section>: 定义文档中的节<aside>: 定义与页面内容相关的侧栏内容<main>: 指定文档的主要内容<figure>和<figcaption>: 组合使用来定义插图及其标题-
表单相关标签
<form>: 创建表单，用于用户输入<input type="text|password|email|number|submit|reset|button|...">: 输入控件，有多种类型<textarea>: 多行文本输入框<button>: 按钮<select>和<option>: 下拉选择列表<label for="id">Description</label>: 为表单元素添加描述性标签<fieldset>和<legend>: 分组表单元素并提供说明-
多媒体标签
<img src="URL" alt="Description">: 插入图像<audio controls>: 添加音频播放器<video controls>: 添加视频播放器<source>: 指定多媒体资源的不同格式-
内嵌框架标签
<iframe src="URL"></iframe>: 在当前页面内嵌另一个HTML页面-
其他重要标签
<div>: 定义块级容器<span>: 定义内联容器<pre>: 保留空白符和换行的格式化文本<code>: 定义一段计算机代码<var>: 定义变量<samp>: 定义程序输出的样本<kbd>: 定义键盘输入<mark>: 定义高亮显示的文本。<abbr title="Description">ABBR</abbr>: 定义缩写词<address>: 定义联系信息<time datetime="2019-01-12">January 12, 2019</time>: 定义日期或时间
新增的HTML5标签
<canvas>: 用于绘制图形的容器<svg>: 用于定义基于XML的矢量图形<details>和<summary>: 创建用户可以查看或隐藏的详细信息<dialog>: 定义对话框或其他交互式组件<progress>: 显示任务完成进度<meter>: 定义已知范围内的标量测量