《图解HTML》第四节 HTML标签分类与实践(一)

通过上一节的了解,我们知道html标签是构建网页结构的关键,而且它的种类繁多。为了更好的了解和使用它们,本章节将在功能上对它们进行分类,了解这些标签的功能。如果有分类不太精准的地方,还望不吝指正。
当然这些标签并不是都需要记住,最初只需要记住常用的即可。随着不断的使用,慢慢就会熟悉大部分标签的。

带[HTML5]标识的标签表示是HTML5新添加的标签。

文档基础标签

<!DOCTYPE> 定义文档类型。
<html> 定义 HTML 文档。
<head> 定义关于文档的信息。
<title> 定义文档的标题。
<body> 定义文档的主体。
`` 定义注释。

格式标签

<h1> to <h6> 定义 HTML 标题。
<p> 定义段落。
<br> 定义简单的折行。
<hr> 定义水平线。
<acronym>: 定义只取首字母的缩写。
<abbr>: 定义缩写。
<address> 定义文档作者或拥有者的联系信息。
<b> 定义粗体文本。
<bdo> 定义文字方向。
<big> 定义大号文本。
<blockquote> 定义长的引用。
<center> 不赞成使用。定义居中文本。
<cite> 定义引用(citation)。
<code> 定义计算机代码文本。
<del> 定义被删除文本。
<dfn> 定义定义项目。
<em> 定义强调文本。
<font> 不赞成使用。定义文本的字体、尺寸和颜色
<i> 定义斜体文本。
<ins> 定义被插入文本。
<kbd> 定义键盘文本。
<s> 不赞成使用。定义加删除线的文本。
<samp> 定义计算机代码样本。
<small> 定义小号文本。
<strike> 不赞成使用。定义加删除线文本。
<strong> 定义语气更为强烈的强调文本。
<sup> 定义上标文本。
<sub> 定义下标文本。
<tt> 定义打字机文本。
<u> 不赞成使用。定义下划线文本。
<var> 定义文本的变量部分。
<q>定义短的引用。
<pre> 定义预格式文本。
<time>[HTML5] 定义日期/时间。
<mark>[HTML5] 定义有记号的文本。
<meter>[HTML5] 定义预定义范围内的度量。
<progress>[HTML5] 定义任何类型的任务的进度。
<rp>[HTML5] 定义若浏览器不支持 ruby 元素显示的内容。
<rt>[HTML5] 定义 ruby 注释的解释。
<ruby>[HTML5] 定义 ruby 注释。
<bdi>[HTML5] 定义文本的文本方向,使其脱离其周围文本的方向设置。
<wbr>[HTML5] 定义可能的换行符。

表单标签

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

框架标签

<frame> 定义框架集的窗口或框架。
<frameset> 定义框架集。
<noframes> 定义针对不支持框架的用户的替代内容。
<iframe> 定义内联框架。

图像标签

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

音频/视频标签

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

链接标签

<a> 定义锚。
<link> 定义文档与外部资源的关系。
<nav>[HTML5] 定义导航链接。

列表标签

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

表格标签

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

样式/节点标签

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

元信息标签

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

编程相关标签

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

如果文章能够对您有所帮助,我便感到十分荣幸。如若文章能被您点赞,那便是万分荣幸~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章