Html-标签功能归纳

一.Html标签英文解释

原文:https://www.w3schools.com/tags/ref_byfunc.asp

1.Basic HTML

<!DOCTYPE>  Defines the document type
<html>  Defines an HTML document
<head>  Defines information about the document
<title> Defines a title for the document
<body>  Defines the document's body
<h1> to <h6>    Defines HTML headings
<p> Defines a paragraph
<br>    Inserts a single line break
<hr>    Defines a thematic change in the content
<!--...-->  Defines a comment

2.Formatting

<acronym>   Not supported in HTML5. Use <abbr> instead.
Defines an acronym
<abbr>  Defines an abbreviation or an acronym
<address>   Defines contact information for the author/owner of a document/article
<b> Defines bold text
<bdi>   Isolates a part of text that might be formatted in a different direction from other text outside it
<bdo>   Overrides the current text direction
<big>   Not supported in HTML5. Use CSS instead.
Defines big text
<blockquote>    Defines a section that is quoted from another source
<center>    Not supported in HTML5. Use CSS instead.
Defines centered text
<cite>  Defines the title of a work
<code>  Defines a piece of computer code
<del>   Defines text that has been deleted from a document
<dfn>   Represents the defining instance of a term
<em>    Defines emphasized text 
<font>  Not supported in HTML5. Use CSS instead.
Defines font, color, and size for text
<i> Defines a part of text in an alternate voice or mood
<ins>   Defines a text that has been inserted into a document
<kbd>   Defines keyboard input
<mark>  Defines marked/highlighted text
<meter> Defines a scalar measurement within a known range (a gauge)
<pre>   Defines preformatted text
<progress>  Represents the progress of a task
<q> Defines a short quotation
<rp>    Defines what to show in browsers that do not support ruby annotations
<rt>    Defines an explanation/pronunciation of characters (for East Asian typography)
<ruby>  Defines a ruby annotation (for East Asian typography)
<s> Defines text that is no longer correct
<samp>  Defines sample output from a computer program
<small> Defines smaller text
<strike>    Not supported in HTML5. Use <del> or <s> instead.
Defines strikethrough text
<strong>    Defines important text
<sub>   Defines subscripted text
<sup>   Defines superscripted text
<time>  Defines a date/time
<tt>    Not supported in HTML5. Use CSS instead.
Defines teletype text
<u> Defines text that should be stylistically different from normal text
<var>   Defines a variable
<wbr>   Defines a possible line-break

3.Forms and Input

<form>  Defines an HTML form for user input
<input> Defines an input control
<textarea>  Defines a multiline input control (text area)
<button>    Defines a clickable button
<select>    Defines a drop-down list
<optgroup>  Defines a group of related options in a drop-down list
<option>    Defines an option in a drop-down list
<label> Defines a label for an <input> element
<fieldset>  Groups related elements in a form
<legend>    Defines a caption for a <fieldset> element
<datalist>  Specifies a list of pre-defined options for input controls
<keygen>    Defines a key-pair generator field (for forms)
<output>    Defines the result of a calculation

4.Frames

<frame> Not supported in HTML5.
Defines a window (a frame) in a frameset
<frameset>  Not supported in HTML5.
Defines a set of frames
<noframes>  Not supported in HTML5.
Defines an alternate content for users that do not support frames
<iframe>    Defines an inline frame

5.Images

<img>   Defines an image
<map>   Defines a client-side image-map
<area>  Defines an area inside an image-map
<canvas>    Used to draw graphics, on the fly, via scripting (usually JavaScript)
<figcaption>    Defines a caption for a <figure> element
<figure>    Specifies self-contained content
<picture>   Defines a container for multiple image resources

6.Audio / Video

<audio> Defines sound content
<source>    Defines multiple media resources for media elements (<video>, <audio> and <picture>)
<track> Defines text tracks for media elements (<video> and <audio>)
<video> Defines a video or movie    

7.Links

<a> Defines a hyperlink
<link>  Defines the relationship between a document and an external resource (most used to link to style sheets)
<nav>   Defines navigation links

8.Lists

<ul>    Defines an unordered list
<ol>    Defines an ordered list
<li>    Defines a list item
<dir>   Not supported in HTML5. Use <ul> instead.
Defines a directory list
<dl>    Defines a description list
<dt>    Defines a term/name in a description list
<dd>    Defines a description of a term/name in a description list
<menu>  Defines a list/menu of commands
<menuitem>  Defines a command/menu item that the user can invoke from a popup menu

9.Tables

<table> Defines a table
<caption>   Defines a table caption
<th>    Defines a header cell in a table
<tr>    Defines a row in a table
<td>    Defines a cell in a table
<thead> Groups the header content in a table
<tbody> Groups the body content in a table
<tfoot> Groups the footer content in a table
<col>   Specifies column properties for each column within a <colgroup> element
<colgroup>  Specifies a group of one or more columns in a table for formatting

10.Styles and Semantics

<style> Defines style information for a document
<div>   Defines a section in a document
<span>  Defines a section in a document
<header>    Defines a header for a document or section
<footer>    Defines a footer for a document or section
<main>  Specifies the main content of a document
<section>   Defines a section in a document
<article>   Defines an article
<aside> Defines content aside from the page content
<details>   Defines additional details that the user can view or hide
<dialog>    Defines a dialog box or window
<summary>   Defines a visible heading for a <details> element
<data>  Links the given content with a machine-readable translation

11.Meta Info

<head>  Defines information about the document
<meta>  Defines metadata about an HTML document
<base>  Specifies the base URL/target for all relative URLs in a document
<basefont>  Not supported in HTML5. Use CSS instead.
Specifies a default color, size, and font for all text in a document

12.Programming

<script>    Defines a client-side script
<noscript>  Defines an alternate content for users that do not support client-side scripts
<applet>    Not supported in HTML5. Use <embed> or <object> instead.
Defines an embedded applet
<embed> Defines a container for an external (non-HTML) application
<object>    Defines an embedded object
<param> Defines a parameter for an object

二.Html标签中文解释

原文:http://www.runoob.com/tags/ref-byfunc.html

1.基础

<!DOCTYPE>  定义文档类型。
<html>  定义一个 HTML 文档
<title> 为文档定义一个标题
<body>  定义文档的主体
<h1> to <h6>    定义 HTML 标题
<p> 定义一个段落
<br>    定义简单的折行。
<hr>    定义水平线。
<!--...-->  定义一个注释

2.格式

<acronym>   HTML5不再支持。 定义只取首字母的缩写。
<abbr>  定义一个缩写。
<address>   定义文档作者或拥有者的联系信息。
<b> 定义粗体文本。
<bdi>   允许您设置一段文本,使其脱离其父元素的文本方向设置。
<bdo>   定义文本的方向。
<big>   HTML5不再支持。 定义大号文本。
<blockquote>    定义块引用。
<center>    HTML5不再支持。 HTML 4.01 已废弃。定义居中文本。
<cite>  定义引用(citation)。
<code>  定义计算机代码文本。
<del>   定义被删除文本。
<dfn>   定义定义项目。
<em>    定义强调文本。 
<font>  HTML5不再支持。 HTML 4.01 已废弃。 定义文本的字体、尺寸和颜色
<i> 定义斜体文本。
<ins>   定义被插入文本。
<kbd>   定义键盘文本。
<mark>  定义带有记号的文本。
<meter> 定义度量衡。仅用于已知最大和最小值的度量。
<pre>   定义预格式文本
<progress>  定义运行中的任务进度(进程)。
<q> 定义短的引用。
<rp>    定义不支持 ruby 元素的浏览器所显示的内容。
<rt>    定义字符(中文注音或字符)的解释或发音。
<ruby>  定义 ruby 注释(中文注音或字符)。
<s> 定义加删除线的文本。
<samp>  定义计算机代码样本。
<small> 定义小号文本。
<strike>    HTML5不再支持。 HTML 4.01 已废弃。 定义加删除线的文本。
<strong>    定义语气更为强烈的强调文本。
<sub>   定义下标文本。
<sup>   定义上标文本。
<time>  定义一个日期/时间
<tt>    HTML5不再支持。 定义打字机文本。
<u> 定义下划线文本。
<var>   定义文本的变量部分。
<wbr>   规定在文本中的何处适合添加换行符。

3.表单和输入

<form>  定义一个 HTML 表单,用于用户输入。
<input> 定义一个输入控件
<textarea>  定义多行的文本输入控件。
<button>    定义按钮。
<select>    定义选择列表(下拉列表)。
<optgroup>  定义选择列表中相关选项的组合。
<option>    定义选择列表中的选项。
<label> 定义 input 元素的标注。
<fieldset>  定义围绕表单中元素的边框。
<legend>    定义 fieldset 元素的标题。
<datalist>  规定了 input 元素可能的选项列表。
<keygen>    规定用于表单的密钥对生成器字段。
<output>    定义一个计算的结果

4.框架

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

5.图像

<img>   定义图像。
<map>   定义图像映射。
<area>  定义图像地图内部的区域。
<canvas>    通过脚本(通常是 JavaScript)来绘制图形(比如图表和其他图像)。
<figcaption>    定义一个 caption for a <figure> element
<figure>    figure 标签用于对元素进行组合。

6.Audio/Video

<audio> 定义声音,比如音乐或其他音频流。
<source>    定义media元素 (<video> 和 <audio>)的媒体资源。media
<track> 为媒体(<video> 和 <audio>)元素定义外部文本轨道。
<video> 定义一个音频或者视频

7.链接

<a> 定义一个链接
<link>  定义文档与外部资源的关系。
<nav>   定义导航链接

8.列表

<ul>    定义一个无序列表
<ol>    定义一个有序列表
<li>    定义一个列表项
<dir>   HTML5不再支持。 HTML 4.01 已废弃。 定义目录列表。
<dl>    定义一个定义列表
<dt>    定义一个定义定义列表中的项目。
<dd>    定义定义列表中项目的描述。
<menu>  定义菜单列表。
<command>   定义用户可能调用的命令(比如单选按钮、复选框或按钮)。

9.表格

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

10.样式/节

<style> 定义文档的样式信息。
<div>   定义文档中的节。
<span>  定义文档中的节。
<header>    定义一个文档头部部分
<footer>    定义一个文档底部
<section>   定义了文档的某个区域
<article>   定义一个文章内容
<aside> 定义其所处内容之外的内容。
<details>   定义了用户可见的或者隐藏的需求的补充细节。
<dialog>    定义一个对话框或者窗口
<summary>   定义一个可见的标题。 当用户点击标题时会显示出详细信息。

11.元信息

<head>  定义关于文档的信息
<meta>  定义关于 HTML 文档的元信息。
<base>  定义页面中所有链接的默认地址或默认目标。
<basefont>  HTML5不再支持。 HTML 4.01 已废弃。 定义页面中文本的默认字体、颜色或尺寸。

12.程序

<script>    定义客户端脚本。
<noscript>  定义针对不支持客户端脚本的用户的替代内容。
<applet>    HTML5不再支持。 HTML 4.01 已废弃。 定义嵌入的 applet。
<embed> 定义了一个容器,用来嵌入外部应用或者互动程序(插件)。
<object>    定义嵌入的对象。
<param> 定义对象的参数。

简书: http://www.jianshu.com/p/0bcbc4a9a09d
CSDN博客: http://blog.csdn.net/qq_32115439/article/details/78080690#t1
GitHub博客: http://lioil.win/2017/09/24/Html-Tag.html
Coding博客: http://c.lioil.win/2017/09/24/Html-Tag.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容