HTML 标签参考手册

基础标签

					
<!-- HTML 文档 -->
<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>

</body>
</html>
					
				
基础标签
标签语义
<!-- -->注释。
<!DOCTYPE>document type, HTML 文档的类型。
<html>HTML 文档。
<head>HTML 文档的头部。
<title>HTML 文档的标题。
<body>HTML 文档的主体。

元信息标签

元信息标签用于标记关于整个 HTML 文档的信息。这些信息是提供给浏览器或者搜索引擎的,一般不会显示给用户。

					
<head>
  <title>MyWeb</title>
  <meta charset="utf-8">
</head>
					
				
元信息
标签语义
<head>HTML 文档的头部。用于包含其他元信息标签的容器。
<title>HTML 文档的标题。title 元素的内容显示在浏览器的标题栏或者标签页上。title 元素的内容只能是文本,包含的标签不会被解析。
<meta>HTML 文档的元信息。
<base>基地址。

<meta> 标签

<meta> 标签是一种通用的元信息表示标签,用于表示 title、style、base、link 和 script 标签无法表示的其他元信息;一般用 name 表示元信息名,content 表示元信息值(当使用 charset、http-equiv 时不需要 name 和 content 属性对)。

					
<head>
  <title>MyWeb</title>
  <meta charset="utf-8">
  <!-- 适配移动端 -->
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
</head>
					
				
<meta>
属性说明
<meta charset="utf-8">charset 属性是 HTML 5 的简化写法,表示指定文档使用的的字符编码,推荐使用 UTF-8 编码(8-bit Unicode Transformation Format,针对万国码的可变长度字符编码)。
<meta name="viewport" content="width=device-width,
height=device-height,initial-scale=1,minimum-scale=1,maxmum-scale=1,user-scalable=no"
用于指定视口初始大小,仅供移动设备使用。它虽然不是浏览器的标准,但它是开发的实际标准,大多数移动端浏览器都支持这个声明。
  • width=device-width 页面宽度=设备宽度
  • height=device-height 页面高度=设备高度
  • initial-scale=1 初始缩放比例=1(不缩放)
  • minimum-scale=1 最小缩放比例=1(不缩放)
  • maxmum-scale=1 最大缩放比例=1(不缩放)
  • user-scalable=no 是否允许用户缩放=no(不允许)
<meta name="description" content="个人学习网站,
HTML, CSS, XML">
对 HTML 文档内容的简短描述。
<meta name="keywords" content="HTML,CSS,XML,JavsScript" HTML 文档关键词,用于 SEO。由于滥用该属性的标签制造垃圾信息,在 HTML 文档中重复关键词以达到提高排名的目的,一些搜索引擎已经彻底放弃了使用该属性的标签。
<meta name="referrer" content=""跳转策略,用于控制 http 请求的 referrer。

样式/节标签

样式/节标签
标签语义
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
header, 文章标题。
<p>段落。
<br>换行。
<hr>水平线。
<style>样式。
<div>节。
<span>节。
<header>文档头部。
<footer>文档底部。
<section>章节。
<article>文章。
<aside>侧边栏。
<details>详情。
<dialog>对话框。
<summary>标题。

格式标签

格式标签
标签语义
<abbr>缩写。
<address>通讯地址(文档作者或拥有者的联系信息)。
<bdi>文本方向。
<bdo>文本方向。
<blockquote引用块。
<cite>引用(citation)。
<code>计算机代码。
<del>已经删除的文本。
<dfn>定义项。
<em>强调文本。
<i>斜体文本。
<ins>插入文本。
<kbd>键盘文本。
<mark>记号文本。
<meter>度量衡。
<pre>预格式文本。
<progress>进度条。
<q>短引用(quote)。
<rp>不支持 ruby 元素的浏览器所显示的内容。
<ruby>定义 ruby 注释(中文注音或字符)。
<rt>定义字符(中文注音或字符)的解释或发音。
<s>加删除线的文本。
<samp>计算机代码样本。
<small>小号文本。
<strong>强调文本。
<sub>下标。
<sup>上标。
<time>日期/时间。
<u>下划线文本。
<var>变量。
<wbr>允许换行。

表格标签

表格标签
标签语义
<table>表格。
<caption>表格标题。
<thead>tabel head,表格头部。
<tbody>table body,表格主体。
<tfooter>table footer,表格脚注。
<tr>table row,表格行。
<th>table header,表头/字段/属性。
<td>table data,表格数据,即单元格。
&l;col>column,列。
<colgroup>column group,列组。

表单标签

表单标签
标签语义
<form>表单。
<input>单行输入。
<textarea>多行输入。
<button>按钮。
<select>选择。
<datalist>选项列表。
<optgroup>option group,选项组。
<label>标签注释。
<fieldset>字段组(表单边框)。
<legend>[ˈledʒənd],表单边框的说明。
<keygen>密钥。
<output>输出。

框架标签

框架标签
标签语义
<iframe>内联框架。

图像标签

图像标签
标签语义
<img>图像。
<map>图像映射。
<area>图像映射的区域。
<canvas>画布。
<figure>图形。
<figcaption>[ˈfɪɡjər],图形标题。

音视频标签

Audio/Video 标签
标签语义
<audio>音频。
<video>视频。
<source>音频/视频源。
<track>音频/视频进度条。

链接标签

anchor [ˈæŋkər],锚点。
链接标签
标签语义
<a>
<link>链接。
<main>HTML 文档的主体。
<nav>导航。

列表标签

列表标签
标签语义
<ul>unorder list,无序列表。
<ol>order list,有序列表。
<li>list,列表项。
<dl>define list,定义列表。
<dt>define term,定义项。
<dd>define describe,定义描述。
<menu>菜单。
<command>命令。

程序标签

程序标签
标签语义
<script>脚本。
<noscript>脚本替代内容。
<embed>嵌入程序。
<object>嵌入对象。
<param>对象参数。