H5常用标签基本标签归纳总结

大家好，我是讯享网，很高兴认识大家。

此文章在学习S3CHOOL后。

这些常用的标签基本都已经知道，主要还是在平时的练习中不断地使用，才能达到运用自如的境界。

温故而知新，可以为师矣。

<a>标签

<a href="http://www.w3cschool.cn" target="_blank">访问 W3Cschool在线教程!</a>

在新页面打开此链接

target="_blank"

<area>标签

shape，规定区域的形状。

target，指定打开的位置

<b> 标签

<p>这是一个普通的文本- <b>这是一个加粗文本。</b>.</p>

<col> 标签

<col> 标签用于控制表格中的列，使你更加方便的为表格中的列应用样式

<caption> 标签

来为表格定义一个标题

<table border="1"> <caption>Monthly savings</caption> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> </table>

讯享网

<em> <strong> <dfn> <code> <samp> <kbd> <var> <cite> 标签

<em>	呈现为被强调的文本。
<strong>	定义重要的文本。
<dfn>	定义一个定义项目。
<code>	定义计算机代码文本。
<samp>	定义样本文本。
<kbd>	定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
<var>	定义变量。您可以将此标签与 <pre> 及 <code> 标签配合使用。
<cite>	定义引用。可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。

<ul> 标签

定义无序序列

<div> 标签

<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。

<div>标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化。

<embed> 标签

<form> 标签

<form> 标签用于创建供用户输入的 HTML 表单。

<figure> 标签

<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。

<footer> 标签

<footer> 标签定义文档或者文档的一部分区域的页脚。

<hr> 标签

<hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。

<h1> 至 <h6> 标签

<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

<header> 标签

<header>标签用来表示介绍性的内容，即，定义了文档中的页眉

<head> 标签

<head> 元素是所有头部元素的容器。

<head> 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息以及其他更多的信息。

<i> 标签

<i> 定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。（斜体）

<iframe> 标签

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

<input> 标签

<input> 标签规定了用户可以在其中输入数据的输入字段

值	描述
accept	audio/video/image/*MIME_type	规定通过文件上传来提交的文件的类型。(只针对type="file")
align	leftrighttopmiddlebottom	HTML5已废弃，不赞成使用。规定图像输入的对齐方式。 (只针对type="image")
alt	text	定义图像输入的替代文本。 (只针对type="image")
autocompleteNew	onoff	autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。
autofocusNew	autofocus	属性规定当页面加载时 <input> 元素应该自动获得焦点。
checked	checked	checked 属性规定在页面加载时应该被预先选定的 <input> 元素。 (只针对 type="checkbox" 或者 type="radio")
disabled	disabled	disabled 属性规定应该禁用的 <input> 元素。
formNew	form_id	form 属性规定 <input> 元素所属的一个或多个表单。
formactionNew	URL	属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type="submit" 和 type="image")
formenctypeNew	application/x-www-form-urlencodedmultipart/form-datatext/plain	属性规定当表单数据提交到服务器时如何编码(只适合 type="submit" 和 type="image")。
formmethodNew	getpost	定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type="submit" 和 type="image")
formnovalidateNew	formnovalidate	formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。
formtargetNew	_blank_self_parent_topframename	规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type="submit" 和 type="image")
heightNew	pixels	规定 <input>元素的高度。(只针对type="image")
listNew	datalist_id	属性引用 <datalist> 元素，其中包含 <input> 元素的预定义选项。
maxNew	numberdate	属性规定 <input> 元素的最大值。
maxlength	number	属性规定 <input> 元素中允许的最大字符数。
minNew	numberdate	属性规定 <input>元素的最小值。
multipleNew	multiple	属性规定允许用户输入到 <input> 元素的多个值。
name	text	name 属性规定 <input> 元素的名称。
patternNew	regexp	pattern 属性规定用于验证 <input> 元素的值的正则表达式。
placeholderNew	text	placeholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息。
readonly	readonly	readonly 属性规定输入字段是只读的。
requiredNew	required	属性规定必需在提交表单之前填写输入字段。
size	number	size 属性规定以字符数计的 <input> 元素的可见宽度。
src	URL	src 属性规定显示为提交按钮的图像的 URL。 (只针对type="image")
stepNew	number	step 属性规定 <input> 元素的合法数字间隔。
type	button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week	type 属性规定要显示的 <input> 元素的类型。
value	text	指定 <input> 元素 value 的值。
widthNew	pixels	width 属性规定 <input> 元素的宽度。 (只针对type="image")

<img> 标签

<img> 标签定义 HTML 页面中的图像。

<link> 标签

<li> 标签

<li> 标签定义列表项目。

<li> 标签可用在有序列表（<ol>）、无序列表（<ul>）和菜单列表（<menu>）中。

<fieldset> 标签

<fieldset> 标签可以将表单内的相关元素分组。

<fieldset> 标签会在相关表单元素周围绘制边框。

<legend> 标签

<legend>元素是<fieldset>元素的第一个子元素，定义了<fieldset>元素的标题。

<label> 标签

<label>标签用于为 input 元素做出标记。

<meta> 标签

注意：<meta> 标签通常位于 <head>区域内。

注意： 元数据通常以名称/值对出现。

注意： 如果没有提供 name 属性，那么名称/值对中的名称会采用 http-equiv 属性的值。

<menu> 标签

目前主流浏览器并不支持 <menu> 标签。

<meter> 标签

<meter> 标签定义度量衡。仅用于已知最大和最小值的度量。

<mark> 标签

部分文本高亮显示：

<p>Do not forget to buy <mark>milk</mark> today.</p>

讯享网

<nav> 标签

<nav> 标签定义导航链接的部分。

<option> 标签

<option> 标签定义下拉列表中的一个选项。

属性	值	描述	4	5
disabled	disabled	规定此选项应在首次加载时被禁用。	4	5
label	text	定义当使用 <optgroup> 时所使用的标注。	4	5
selected	selected	规定选项（在首次显示在列表中时）表现为选中状态。	4	5
value	text	定义送往服务器的选项值。	4	5

<select> 标签

<select> 元素是一种表单控件，可用于在表单中接受用户输入。

<select>标签用于实现下拉列表

属性	值	描述
autofocusNew	autofocus	规定在页面加载时下拉列表自动获得焦点。
disabled	disabled	当该属性为 true 时，会禁用下拉列表。
formNew	form_id	定义 select 字段所属的一个或多个表单。
multiple	multiple	当该属性为 true 时，可选择多个选项。
name	name	定义下拉列表的名称。
requiredNew	required	规定用户在提交表单前必须选择一个下拉列表中的选项。
size	number	规定下拉列表中可见选项的数目。

<output> 标签

<output> 标签作为计算结果输出显示(比如执行脚本的输出)。

<optgroup> 标签

<p> 标签

<p>标签用于定义一个段落

<pre> 标签

<pre> 标签可定义预格式化的文本。

<param> 标签

param>标签为<object>标签提供嵌入内容的运行时参数的name与value对

<progress> 标签

<progress>标签用于定义文档中的进度条

<q> 标签

<q>标签用于定义一个短引用

<rp> 标签/<rt> 标签/<ruby> 标签

<s> 标签

<s> 标签定义加删除线的文本

<sub> 和 <sup> 标签

<sub>和<sup>标签分别为文档中的内容定义下标和上标

<span> 标签

<span>标签内的内容独立于文档，当对该标签应用样式时，包含在其中的内容会呈现出不同的视觉效果

<style> 标签

HTML5 <style>标签用于表示文档所使用的样式。请参考下述示例：

在 HTML 文档中使用 <style> 元素：

讯享网<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

</html>

<source> 标签

<source>标签用于为媒体元素定义媒体资源

<td> 标签

<td>标签用于表示一个表格中的单元格

<th> 标签

<th>标签用于表示一个表格的表头

<tr> 标签

<tr>标签用于表示一个表格中的行

<title> 标签

<title>标签用来定义标题，该标签位于<head>标签内

<thead> 标签

<thead>标签用于将表格中的表头组合起来

<time> 标签

<time>标签用于标注日期、时间或日期与时间的组合（日期格式是YYYY-MM-DD）