IT兄弟连 HTML5教程 HTML5的基本语法小结及习题

tml5你了解了多少？如果你还是入门阶段的话，或者还是一知半解的话，那么我们专门为你们收集的html5常用的标签大全对你就很有帮助了，你需要了解了html5有哪些标签你才能够更好的。驾驭html5这门火热而又充满神秘的语言技术。下面是一些常用的html5标签。按字母顺序排列的标签列表

?4: 指示在 HTML 4.01 中定义了该元素

?5: 指示在 HTML 5 中定义了该元素

标签描述 4 5

定义注释。 4 5

<!DOCTYPE> 定义文档类型。 4 5

<a> 定义超链接。 4 5

<abbr> 定义缩写。 4 5

<acronym> HTML 5 中不支持。定义首字母缩写。 4

<address> 定义地址元素。 4 5

<applet> HTML 5 中不支持。定义 applet。 4

<area> 定义图像映射中的区域。 4 5

<article> 定义 article。 5

<time> 定义日期/时间。 5

<title> 定义文档的标题。 4 5

<tr> 定义表格行。 4 5

<tt> HTML 5 中不支持。定义打字机文本。 4

<u> HTML 5 中不支持。定义下划线文本。 4

<ul> 定义无序列表。 4 5

<var> 定义变量。 4 5

<video> 定义视频。 5

<xmp> HTML 5 中不支持。定义预格式文本。 4

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

<button> 定义按钮。 4 5

<canvas> 定义图形。 5

<caption> 定义表格标题。 4 5

<center> HTML 5 中不支持。定义居中的文本。 4

<cite> 定义引用。 4 5

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

<col> 定义表格列的属性。 4 5

<colgroup> 定义表格列的分组。 4 5

<command> 定义命令按钮。 5

<audio> 定义声音内容。 5

<b> 定义粗体文本。 4 5

<base> 定义页面中所有链接的基准 URL。 4 5

<basefont> HTML 5 中不支持。请使用 CSS 代替。 4

<bdo> 定义文本显示的方向。 4 5

<big> HTML 5 中不支持。定义大号文本。 4

<blockquote> 定义长的引用。 4 5

<body> 定义 body 元素。 4 5

<br> 插入换行符。 4 5

<datalist> 定义下拉列表。 5

<dd> 定义定义的描述。 4 5

<form> 定义表单。 4 5

<frame> HTML 5 中不支持。定义子窗口（框架）。 4

<frameset> HTML 5 中不支持。定义框架的集。 4

<h1> to <h6> 定义标题 1 到标题 6。 4 5

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

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

<hgroup> 定义有关文档中的 section 的信息。 5

<hr> 定义水平线。 4 5

<del> 定义删除文本。 4 5

<details> 定义元素的细节。 5

<dfn> 定义定义项目。 4 5

<dir> HTML 5 中不支持。定义目录列表。 4

<img> 定义图像。 4 5

<input> 定义输入域。 4 5

<ins> 定义插入文本。 4 5

<keygen> 定义生成密钥。 5

<isindex> HTML 5 中不支持。定义单行的输入域。 4

<kbd> 定义键盘文本。 4 5

<label> 定义表单控件的标注。 4 5

<legend> 定义 fieldset 中的标题。 4 5

<div> 定义文档中的一个部分。 4 5

<dl> 定义定义列表。 4 5

<dt> 定义定义的项目。 4 5

<em> 定义强调文本。 4 5

<fieldset> 定义 fieldset。 4 5

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

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

<font> HTML 5 中不支持。 4

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

<html> 定义 html 文档。 4 5

<i> 定义斜体文本。 4 5

<li> 定义列表的项目。 4 5

<map> 定义图像映射。 4 5

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

<menu> 定义菜单列表。 4 5

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

<nav> 定义导航链接。 5

<noframes> HTML 5 中不支持。定义 noframe 部分。 4

<ol> 定义有序列表。 4 5

<optgroup> 定义选项组。 4 5

<option> 定义下拉列表中的选项。 4 5

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

<p> 定义段落。 4 5

<param> 为对象定义参数。 4 5

<pre> 定义预格式化文本。 4 5

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

<q> 定义短的引用。 4 5

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

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

<ruby> 定义 ruby 注释。 5

<s> HTML 5 中不支持。定义加删除线的文本。 4

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

<section> 定义 section。 5

<select> 定义可选列表。 4 5

<small> 定义小号文本。 4 5

<source> 定义媒介源。 5

<span> 定义文档中的 section。 4 5

<strike> HTML 5 中不支持。定义加删除线的文本。 4

<strong> 定义强调文本。 4 5

<sub> 定义下标文本。 4 5

<summary> 定义 details 元素的标题。 5

<sup> 定义上标文本。 4 5

<table> 定义表格。 4 5

<tbody> 定义表格的主体。 4 5

<td> 定义表格单元。 4 5

<textarea> 定义 textarea。 4 5

<tfoot> 定义表格的脚注。 4 5

<th> 定义表头。 4 5

<thead> 定义表头。 4 5

文/丁向明

做一个有博客的web前端自媒体人，专注web前端开发，关注用户体验，加我qq/微信交流：6135833

http://dingxiangming.com

览器支持

所有主流浏览器都支持 <a> 标签。

标签定义及使用说明

<a> 标签定义超链接，用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性，它指定链接的目标。

在所有浏览器中，链接的默认外观如下：

未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的

提示和注释

提示：如果没有使用 href 属性，则不能使用 hreflang、media、rel、target 以及 type 属性。

提示：通常在当前浏览器窗口中显示被链接页面，除非规定了其他 target。

提示：请使用 CSS 来改变链接的样式。

HTML 4.01 与 HTML5之间的差异

在 HTML 4.01 中，<a> 标签既可以是超链接，也可以是锚。在 HTML5 中，<a> 标签是超链接，但是假如没有 href 属性，它仅仅是超链接的一个占位符。

HTML5 有一些新的属性，同时不再支持一些 HTML 4.01 的属性。

属性

New ：HTML5 中的新属性。

属性	值	描述
charset	char_encoding	HTML5 不支持。规定目标 URL 的字符编码。
coords	coordinates	HTML5 不支持。规定链接的坐标。
downloadNew	filename	指定下载链接
href	URL	规定链接的目标 URL。
hreflang	language_code	规定目标 URL 的基准语言。仅在 href 属性存在时使用。
mediaNew	media_query	规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。
name	section_name	HTML5 不支持。规定锚的名称。
rel	alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag	规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。
rev	text	HTML5 不支持。规定目标 URL 与当前文档之间的关系。
shape	defaultrectcirclepoly	HTML5 不支持。规定链接的形状。
target	_blank_parent_self_topframename	规定在何处打开目标 URL。仅在 href 属性存在时使用。
typeNew	MIME_type	规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注：MIME = Multipurpose Internet Mail Extensions。

全局属性

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

事件属性

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

创建超级链接

本例演示如何在 HTML 文档中创建链接。

将图像作为链接

本例演示如何使用图像作为链接。

在新的浏览器窗口打开链接

本例演示如何在新窗口打开一个页面，这样的话访问者就无需离开您的站点了。

创建电子邮件链接

本例演示如何链接到一个邮件。（本例在安装邮件客户端程序后才能工作。）

创建电子邮件链接 2

本例演示更加复杂的邮件链接。

使用锚跳转到同一个页面的不同位置

本例演示如何使用锚的 id 属性跳转到页面的不同位置（ HTML5 不支持 name 属性）

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

在线咨询

上一篇：SQL知识大全(五):SQL中的时间函数
下一篇：JavaScript 列表排序

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

IT兄弟连 HTML5教程 HTML5的基本语法 小结及习题

您的项目需求

IT兄弟连 HTML5教程 HTML5的基本语法小结及习题