整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML5常用标签大全

TML前端开发最终取决于掌握标签的多少

HTML大概有七八百个标签

楼主这里给大家总结了下HTML常用标签

标签描述

<!--...-->定义注释。

<!DOCTYPE> 定义文档类型,所有H5都是这玩意打头。

<a>定义锚。

<abbr>定义缩写。

<acronym>定义只取首字母的缩写。

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

<applet>不赞成使用。定义嵌入的 applet。

<area>定义图像映射内部的区域。

<article>定义文章。

<aside>定义页面内容之外的内容。

<audio>定义声音内容。

<b>定义粗体字。

<base>定义页面中所有链接的默认地址或默认目标。

<basefont>不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

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

<bdo>定义文字方向。

<big>定义大号文本。

<blockquote>定义长的引用。

<body>定义文档的主体。

<br>定义简单的折行。

<button>定义按钮 (push button)。

<canvas>定义图形。

<caption>定义表格标题。

<center>不赞成使用。定义居中文本。

<cite>定义引用(citation)。

<code>定义计算机代码文本。

<col>定义表格中一个或多个列的属性值。

<colgroup>定义表格中供格式化的列组。

<command>定义命令按钮。

<datalist>定义下拉列表。

<dd>定义定义列表中项目的描述。

<del>定义被删除文本。

<details>定义元素的细节。

<dir>不赞成使用。定义目录列表。

<div>定义文档中的节。

<dfn>定义定义项目。

<dialog>定义对话框或窗口。

<dl>定义定义列表。

<dt>定义定义列表中的项目。

<em>定义强调文本。

<embed>定义外部交互内容或插件。

<fieldset>定义围绕表单中元素的边框。

<figcaption>定义 figure 元素的标题。

<figure>定义媒介内容的分组,以及它们的标题。

<font>不赞成使用。定义文字的字体、尺寸和颜色。

<footer>定义 section 或 page 的页脚。

<form>定义供用户输入的 HTML 表单。

<frame>定义框架集的窗口或框架。

<frameset>定义框架集。

<h1> to <h6>定义 HTML 标题。

<head>定义关于文档的信息。

<header>定义 section 或 page 的页眉。

<hr>定义水平线。

<html>定义 HTML 文档。

<i>定义斜体字。

<iframe>定义内联框架。

<img>定义图像。

<input>定义输入控件。

<ins>定义被插入文本。

<isindex>不赞成使用。定义与文档相关的可搜索索引。

<kbd>定义键盘文本。

<keygen>定义生成密钥。

<label>定义 input 元素的标注。

<legend>定义 fieldset 元素的标题。

<li>定义列表的项目。

<link>定义文档与外部资源的关系。

<map>定义图像映射。

<mark>定义有记号的文本。

<menu>定义命令的列表或菜单。

<menuitem>定义用户可以从弹出菜单调用的命令/菜单项目。

<meta>定义关于 HTML 文档的元信息。

<meter>定义预定义范围内的度量。

<nav>定义导航链接。

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

<noscript>定义针对不支持客户端脚本的用户的替代内容。

<object>定义内嵌对象。

<ol>定义有序列表。

<optgroup>定义选择列表中相关选项的组合。

<option>定义选择列表中的选项。

<output>定义输出的一些类型。

<p>定义段落。

<param>定义对象的参数。

<pre>定义预格式文本。

<progress>定义任何类型的任务的进度。

<q>定义短的引用。

<rp>定义若浏览器不支持 ruby 元素显示的内容。

<rt>定义 ruby 注释的解释。

<ruby>定义 ruby 注释。

<s>不赞成使用。定义加删除线的文本。

<samp>定义计算机代码样本。

<script>定义客户端脚本。

<section>定义 section。

<select>定义选择列表(下拉列表)。

<small>定义小号文本。

<source>定义媒介源。

<span>定义文档中的节。

<strike>不赞成使用。定义加删除线文本。

<strong>定义强调文本。

<style>定义文档的样式信息。

<sub>定义下标文本。

<summary>为 <details> 元素定义可见的标题。

<sup>定义上标文本。

<table>定义表格。

<tbody>定义表格中的主体内容。

<td>定义表格中的单元。

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

<tfoot>定义表格中的表注内容(脚注)。

<th>定义表格中的表头单元格。

<thead>定义表格中的表头内容。

<time>定义日期/时间。

<title>定义文档的标题。

<tr>定义表格中的行。

<track>定义用在媒体播放器中的文本轨道。

<tt>定义打字机文本。

<u>不赞成使用。定义下划线文本。

<ul>定义无序列表。

<var>定义文本的变量部分。

<video>定义视频。

<wbr>定义可能的换行符。

<xmp>不赞成使用。定义预格式文本。

标签描述

<!DOCTYPE> 定义文档类型。

<html>定义 HTML 文档。

<title>定义文档的标题。

<body>定义文档的主体。

<h1> to <h6>定义 HTML 标题。

<p>定义段落。

<br>定义简单的折行。

<hr>定义水平线。

<!--...-->定义注释。

格式

标签描述

<acronym>定义只取首字母的缩写。

<abbr>定义缩写。

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

<b>定义粗体文本。

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

<bdo>定义文字方向。

<big>定义大号文本。

<blockquote>定义长的引用。

<center>不赞成使用。定义居中文本。

<cite>定义引用(citation)。

<code>定义计算机代码文本。

<del>定义被删除文本。

<dfn>定义定义项目。

<em>定义强调文本。

<font>不赞成使用。定义文本的字体、尺寸和颜色

<i>定义斜体文本。

<ins>定义被插入文本。

<kbd>定义键盘文本。

<mark>定义有记号的文本。

<meter>定义预定义范围内的度量。

<pre>定义预格式文本。

<progress>定义任何类型的任务的进度。

<q>定义短的引用。

<rp>定义若浏览器不支持 ruby 元素显示的内容。

<rt>定义 ruby 注释的解释。

<ruby>定义 ruby 注释。

<s>不赞成使用。定义加删除线的文本。

<samp>定义计算机代码样本。

<small>定义小号文本。

<strike>不赞成使用。定义加删除线文本。

<strong>定义语气更为强烈的强调文本。

<sup>定义上标文本。

<sub>定义下标文本。

<time>定义日期/时间。

<tt>定义打字机文本。

<u>不赞成使用。定义下划线文本。

<var>定义文本的变量部分。

<wbr>定义可能的换行符。

表单

标签描述

<form>定义供用户输入的 HTML 表单。

<input>定义输入控件。

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

<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>定义对象的参数。

属性描述

accesskey规定激活元素的快捷键。

class规定元素的一个或多个类名(引用样式表中的类)。

contenteditable规定元素内容是否可编辑。

contextmenu规定元素的上下文菜单。上下文菜单在用户点击元素时显示。

data-*用于存储页面或应用程序的私有定制数据。

dir规定元素中内容的文本方向。

draggable规定元素是否可拖动。

dropzone规定在拖动被拖动数据时是否进行复制、移动或链接。

hidden规定元素仍未或不再相关。

id规定元素的唯一 id。

lang规定元素内容的语言。

spellcheck规定是否对元素进行拼写和语法检查。

style规定元素的行内 CSS 样式。

tabindex规定元素的 tab 键次序。

title规定有关元素的额外信息。

translate规定是否应该翻译元素内容。

带有两个源文件的音频播放器。浏览器需要选择它所支持的源文件(如果都支持则任选一个):

<audiocontrols><sourcesrc="horse.ogg"type="audio/ogg"><sourcesrc="horse.mp3"type="audio/mpeg"> 您的浏览器不支持 audio 元素。</audio>


浏览器支持

IE 9+、Firefox、Opera、Chrome 和 Safari 都支持 <source> 标签。

注释:IE 8 或更早版本的 IE 浏览器都不支持 <source> 标签。


标签定义及使用说明

<source> 标签为媒体元素(比如 <video> 和 <audio>)定义媒体资源。

<source> 标签允许您规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择。


HTML 4.01 与 HTML5之间的差异

<source> 标签是 HTML5 中的新标签。


属性

New:HTML5 中的新属性。

属性描述
mediaNewmedia_query规定媒体资源的类型,供浏览器决定是否下载。
srcNewURL规定媒体文件的 URL。
typeNewMIME_type规定媒体资源的 MIME 类型。

全局属性

<source> 标签支持 HTML 的全局属性。


事件属性

<source> 标签支持 HTML 的事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

TML5从入门到精通,兄弟连京修随堂笔记(二)HTML的框架结构,每日都有新内容,订阅走一波

HTML5的form标签

问:网站怎样与用户进行交互? 答案:使用HTML表单(form).

表单是可以把浏览者输入的数据传送到服务器端的程序(比如ASP,PHP)的HTML元素,服务器端程序可以处理表单传过来的数据,从而进行一些动作.比如,bbs,blog的登陆系统,购物车系统等.

form 标签 -- 代表HTML表单

form标签是成对出现的,以<form>开始,以</form>结束

常用属性.

action -- 浏览者输入的数据被传送到的地方,如一个PHP页面(dofm.php)

method -- 数据传送的方法

get -- 此方式传递数据量少,但是传递的信息显示在网址上。

post --此方式传送信息多,而且不会把传递信息显示在网址上

enctype -- 表示将数据发送到服务器时浏览器使用的编码类型

application/x-www-form-urlencoded -- 窗体数据被编码为名称/值对.这是标准的编码格式.默认的。

multipart/form-data -- 窗体数据被编码为一条消息,页上的每个控件对应消息中的一个部分.

text/plain -- 以纯文本形式进行编码,其中不含任何控件或格式字符

HTML5 input标签

input 标签 -- 代表HTML表单的单行输入域

input标签是单独出现的,<input />

属性.

type -- 代表一个输入域的显示方式(分为输入型,选择型,点击型)

name – 此表单项名称

value -- 输入域的值

size -- 输入域的长度

maxlength -- 输入域最多可以输入文字的长度

checked -- 如果是选择型的输入域,代表已经被选择,值为checked

readonly -- 输入域可以选择,但是无法修改 ,值为readonly

disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用。如:disabled="disabled"

accesskey -- 表单的快捷键访问方式,如值为h即按Alt+h快捷键。

tabindex -- 输入域的"tab"键遍历顺序

src -- 当使用图片来表示按钮时,代表图片的位置(URI)

alt -- 用来替换提交按钮的图片(当在input的src属性定义的图片无法显示时)提示信息。

type属性 -- 代表HTML表单,单行输入域(框)的表现方式

type属性取值:

text -- 文字输入域(输入型)

password -- 也是文字输入域,但是输入的文字以密码符号'*'显示(输入型)

file -- 可以输入一个文件路径(输入型)

checkbox -- 复选框.可以选择零个或多个(选择型)

radio -- 单选框.只可以选择一个而且必须选择一个(选择型)

hidden -- 代表隐藏域,可以传送一些隐藏的信息到服务器

button -- 按钮(点击型)

image -- 使用图片来显示按钮,使用src属性指定图像的位置(就像img标签的src属性)(点击型)

submit -- 提交按钮,表单填写完毕可以提交,把信息传送到服务器.可以使用value属性来显示按钮上的文字(点击型)

reset -- 重置按钮,可以把表单中的信息清空(点击型)

select 标签 -- 选择列表标签

select标签是成对出现的,以<select>开始,以</select>结束

此标签中的每对option标签代表一个选择项

属性:

name – 表单项名称

size -- 选择域的高度

multiple -- 可以有多个选择

disabled -- 以灰色显示,在表单中不起任何作用

tabindex -- 使用"tab"键的遍历顺序