HTML5元素标记释义

标记

类型

意义

介绍

文件标记

<html>

●

根文件标记

让浏览器知道这是HTML 文件

META标记

<head>

●

开头

提供文件整体信息

<title>

●

标题

定义文件标题，显示于浏览器顶端

<base>

o

基准标记

可将相对URL转绝对及指定链接

<link>

o

外部资源连接

必须带rel属性描述

<meta>

o

其它META数据

不能被title, base, link, style, 和script元素描述的META数据

<style>

●

嵌入文档风格信息

 

部件标记

<body>

●

文档主体开始

文档内容容器

<section>

●

代表通用文档或应用部件

 

<nav>

●

导航链接

外部链接或文档内部链接

<article>

●

页面模块

类似文章、摘要或留言POST等形式的记录

<aside>

●

孤立模块

一般作为边栏广告、说明、引用、导航等，aside围堵部分一般与正文耦合较小

<h1>

●

标题标记

此外还有h2, h3, h4, h5, h6

<hgroup>

●

群组标题

用在一组h1-h6这样的元素集合时使用，用来区分主副标题？？

<header>

●

组说明或组导航

也可叫页头标题

<footer>

●

页脚标题

作用范围跟最近部件元素有关

<address>

●

地址或联系信息

 

分组内容标记

 

 

 

<p>

●

段落标记

 

<hr>

o

水平分割线

 

<br>

o

换行

 

<pre>

●

预格式化分本块

 

<blockquote>

●

块引用

 

<ol>

●

编号列表

 

<ul>

●

项目列表

 

<li>

●

列表项

 

<dl>

●

定义列表

 

<dt>

●

定义名称

 

<dd>

●

定义说明

 

<figure>

●

流内容区块说明

多结合figcaption使用

<figcaption>

●

figure内容属性

 

<div>

●

定位标记

无实际意义

 

 

 

 

文本层次语义标记

<a>

●

链接标记

 

<em>

●

强调标记

 

<strong>

●

加重标记

 

<small>

●

字体缩小

 

<cite>

●

斜体标记

 

<q>

●

引用标记内容

原文是phrasing content，暂不清楚如何翻译

<dfn>

●

术语定义

 

<abbr>

●

缩略语

 

<time>

●

日期时间

 

<code>

●

程序代码

 

<var>

●

变量

 

<samp>

●

范例

 

<kbd>

●

键盘字

 

<sub><sups>

●

上标字/下标字

 

<i>

●

斜体标记

 

<b>

●

粗体标记

 

<mark>

●

标记或高亮

 

<ruby>

●

注解标记

 

<rt>

●

ruby子元素

结合ruby使用，比如:<ruby>天<rt>Tian</rt>缘<rt>Yuan</rt></ruby>

<rp>

●

ruby子元素

一般做rt元素注释使用

<bdo>

●

 

 

<span>

●

自定义标记

 

编辑标记

<ins>

●

 

 

<del>

●

 

 

嵌入内容标记

<img>

●

图片标记

 

<iframe>

●

框架标记

 

<embed>

●

嵌入标记

 

<object>

●

对象标记

 

<param>

●

参数标记

 

<video>

●

视频标记

 

<audio>

●

音频标记

 

<source>

●

来源标记

 

<canvas>

●

制图标记

 

<map>

●

地图标记

 

<area>

●

区域标记

 

 

 

 

 

表格标记

<table>

●

表格标记

设定该表格的各项参数

<caption>

●

表格标题

做成一打通列以填入表格标题

<colgroup>

●

 

 

<col>

●

 

 

<tbody>

●

 

 

<thread>

●

 

 

<tfoot>

●

 

 

<tr>

●

表格列

设定该表格的列

<td>

●

表格栏

设定该表格的栏

<th>

●

表格标头

相等于<TD>，但其内文字字体会变粗

表单标记

<form>

●

表单标记

决定该表单的运作模式

<fieldset>

●

 

 

<legend>

●

 

 

<input>

●

输入标记

 

<label>

●

 

 

<button>

●

按钮

 

<select>

●

选择标记

 

<datalist>

●

 

 

<optgroup>

●

 

 

<option>

●

选项

 

<textarea>

●

 

 

<keygen>

●

 

 

<output>

●

 

 

<progress>

●

 

 

<meter>

●

 

 

 

 

 

 

互动元素

<details>

●

 

 

<summary>

●

 

 

<command>

●

 

 

<menu>

●

 

 

其他标记

<script>

●

 

 

<noscript>

●

 

 

 

 

 

 

备注：

1、● 表示该标记属于围堵标记，需要结束标记</标记>。

2、o 表示该标记属空标记，不需要结束标记。