HTML5 标签大全

基础

标签描述
<!DOCTYPE> 定义文档类型。        <!DOCTYPE  html>表示文档是HTML
<html>定义 HTML 文档。    浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。(提示:<title> 标签是 <head> 标签中唯一要求包含的东西。)
<title>定义文档的标题。
<body>定义文档的主体。
<h1> to <h6>定义 HTML 标题。
<p>

定义段落。              p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

<br>定义简单的折行。
<hr>定义水平线。
<!--...-->定义注释。
 

格式

标签描述
<acronym>定义只取首字母的缩写。    HTML5 中不支持 <acronym> 标签。请使用 <abbr> 标签代替
<abbr>定义缩写。   <abbr title="People's Republic of China">PRC</abbr>   提示:可以在 <abbr> 标签中使用全局的 title 属性,这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。
<address>

定义文档作者或拥有者的联系信息。    

提示:<address> 标签不应该用于描述通讯地址,除非它是联系信息的一部分。

提示:<address> 元素通常连同其他信息被包含在 <footer> 元素中。

<b>定义粗体文本。 

注释:根据 HTML5 规范,在没有其他合适标签更合适时,才应该把 <b> 标签作为最后的选项。HTML5 规范声明:应该使用 <h1> - <h6> 来表示标题,使用 <em> 标签来表示强调的文本,应该使用 <strong> 标签来表示重要文本,应该使用 <mark> 标签来表示标注的/突出显示的文本。

提示:您也能够使用 CSS "font-weight" 属性来设置粗体文本。

<bdi>

定义文本的文本方向,使其脱离其周围文本的方向设置。

属性:

dir
  • ltr
  • rtl
  • auto
可选。规定 <bdi> 元素内的文本的文本方向。默认值:auto。

在发布用户评论或其他您无法完全控制的内容时,该标签很有用

<bdo>定义文字方向。   <bdo dir="rtl">Here is some text</bdo>(文字从左输出)
<big>定义大号文本。   可以嵌套 <big> 标签来放大文本。每一个 <big> 标签都可以使字体大一号,直到上限 7 号文本,正如字体模型所定义的那样。然而,如果是最大号字体了,<big>标签就没效果了
<blockquote>定义长的引用。    <blockquote> 标签定义块引用。

<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。

<center>不赞成使用。定义居中文本。
<cite>定义引用(citation),可使用该标签对参考文献的引用进行定义,比如书籍或杂志的标题。
<code>定义计算机代码文本。
<del>定义被删除文本。
<dfn>定义定义项目。
<em>定义强调文本。
<font>不赞成使用。定义文本的字体、尺寸和颜色
<i>定义斜体文本。 标签定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。在没有其他元素可以使用时,比如 <b>, <cite>, <dfn>, <em>, <q>, <small>, <strong>,请使用 <i> 标签。
<ins>定义被插入文本。 提示:请与 <del> 标签一起使用,来描述对文档的更新和修正。
<kbd>定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<mark>定义有记号的文本。  <p>Do not forget to buy <mark>milk</mark> today.</p>
<meter>定义预定义范围内的度量。      <meter value="3" min="0" max="10">3/10</meter>

<meter value="0.6">60%</meter>    (显示度量值)

<pre>定义预格式文本。   被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

<progress>

定义任何类型的任务的进度。

下载进度:  <progress value="22" max="100">...</progress>

<q>定义短的引用。    浏览器经常会在这种引用的周围插入引号

<p>WWF's goal is to:
<q cite="http://www.wwf.org">
build a future where people live in harmony with nature
</q> we hope they succeed.</p>

<rp>定义若浏览器不支持 ruby 元素显示的内容。
<rt>定义 ruby 注释的解释。
<ruby>定义 ruby 注释。
<s>不赞成使用。定义加删除线的文本。
<samp>定义计算机代码样本。
<small>定义小号文本。
<strike>不赞成使用。定义加删除线文本。
<strong>定义语气更为强烈的强调文本。
<sup>定义上标文本。
<sub>定义下标文本。
<time>定义日期/时间。
<tt>定义打字机文本。
<u>不赞成使用。定义下划线文本。
<var>定义文本的变量部分。
<wbr>

定义可能的换行符。       提示:如果单词太长,或者您担心浏览器会在错误的位置换行,那么您可以使用 <wbr> 元素来添加 Word Break Opportunity(单词换行时机)。

 

表单

标签描述
<form>定义供用户输入的 HTML 表单。
<input>定义输入控件。                
<textarea>

定义多行的文本输入控件。

<textarea> 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。可以通过 cols 和 rows 属性来规定 textarea 的尺寸,不过更好的办法是使用 CSS 的 height 和 width 属性。注释:在文本输入区内的文本行间,用 "%OD%OA" (回车/换行)进行分隔。提示:可以通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式。

 

<button>定义按钮。
<select>定义选择列表(下拉列表)。
<optgroup>定义选择列表中相关选项的组合。
<option>定义选择列表中的选项。
<label>定义 input 元素的标注。
<fieldset>定义围绕表单中元素的边框。
<legend>定义 fieldset 元素的标题。
<isindex>不赞成使用。定义与文档相关的可搜索索引。
<datalist>定义下拉列表。
<keygen>定义生成密钥。
<output>定义输出的一些类型。

 

框架

标签描述
<frame>定义框架集的窗口或框架。 
<frameset>

定义框架集。

<noframes>定义针对不支持框架的用户的替代内容。
<iframe>定义内联框架。

 

图像

标签描述
<img>定义图像。
<map>定义图像映射。
<area>定义图像地图内部的区域。
<canvas>定义图形。
<figcaption>定义 figure 元素的标题。
<figure>定义媒介内容的分组,以及它们的标题。

 

音频 /视频

标签描述
<audio>定义声音内容。
<source>定义媒介源。
<track>定义用在媒体播放器中的文本轨道。
<video>定义视频。

 

 

链接

标签描述
<a>定义锚。
<link>定义文档与外部资源的关系。
<nav>定义导航链接。

 

列表

标签描述
<ul>定义无序列表。
<ol>定义有序列表。
<li>定义列表的项目。
<dir>不赞成使用。定义目录列表。
<dl>定义定义列表。
<dt>定义定义列表中的项目。
<dd>定义定义列表中项目的描述。
<menu>定义命令的菜单/列表。
<menuitem>定义用户可以从弹出菜单调用的命令/菜单项目。
<command>定义命令按钮。

 

表格

标签描述
<table>定义表格
<caption>定义表格标题。
<th>定义表格中的表头单元格。
<tr>定义表格中的行。
<td>定义表格中的单元。
<thead>定义表格中的表头内容。
<tbody>定义表格中的主体内容。
<tfoot>定义表格中的表注内容(脚注)。
<col>定义表格中一个或多个列的属性值。
<colgroup>定义表格中供格式化的列组。

 

样式/节

标签描述
<style>定义文档的样式信息。
<div>定义文档中的节。
<span>定义文档中的节。
<header>定义 section 或 page 的页眉。
<footer>定义 section 或 page 的页脚。
<section>定义 section。
<article>定义文章。
<aside>定义页面内容之外的内容。
<details>定义元素的细节。
<dialog>定义对话框或窗口。
<summary>为 <details> 元素定义可见的标题。

 

元信息

标签描述
<head>定义关于文档的信息。
<meta>定义关于 HTML 文档的元信息。
<base>定义页面中所有链接的默认地址或默认目标。
<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

 

编程

标签描述
<script>定义客户端脚本。
<noscript>定义针对不支持客户端脚本的用户的替代内容。
<applet>不赞成使用。定义嵌入的 applet。
<embed>为外部应用程序(非 HTML)定义容器。
<object>定义嵌入的对象。
<param>定义对象的参数。

 

 

 

 



 

 

 

 

转载于:https://www.cnblogs.com/aichiboluo/p/9327424.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值