标签 对应英文 说明
<!--> / 注释
<!DOCTYPE> document type 文档类型
<a> anchor 超链接
<abbr> abbreviation 缩写词
<acronym> acronym 缩写词
<address> address 联系信息
<applet> applet /
<area> area 定义图像映射中的区域
<article> article 文章
<aside> aside 旁注
<audio> audio 音频
<b> bold 加粗
<base> base 指定链接的默认(基准)地址或默认(基准)目标
<basefont> base font 指定默认(基准)字体
<bdi> BiDi-Isolate 双向隔离文本的方向
<bdo> BiDirectional Override 双向覆盖文本的方向
<big> big 大号文本
<blockquote> block quote 块引用
<body> body 文档主体
<br> break 换行
<button> button 按钮
<canvas> canvas 画布
<caption> caption 表格标题
<center> center 居中文本
<cite> cite 引用
<code> code 代码文本
<col> column 表格列
<colgroup> column group 表格列组
<command> command 命令
<datalist> data list 数据列表
<dd> Definition Description 定义描述
<del> delete 删除
<details> details 描述文档或文档某个部分的细节
<dfn> definition 定义
<dialog> dialog 对话框
<dir> direction 方向
<div> division 部分
<dl> Definition List 定义列表
<dt> Definition Term 定义条目
<em> emphasize 强调
<embed> embed 嵌入
<fieldset> field set 表单字段集
<figcaption> figure caption figure的标题
<figure> figure 流内容(图片、图表等)
<font> font 字体
<footer> footer 底部
<form> form 表单
<frame> frame 框架
<frameset> frame set 框架集
<h1-h6> headline 标题
<head> head 头标签
<header> header 头部
<hr> Horizontal Rule 水平线
<html> html html
<i> italic 斜体
<iframe> inline frame 内联框架
<img> image 图片
<input> input 输入
<ins> insert 插入
<kbd> keyboard 键盘文本
<keygen> keygen 表单的密钥对生成器字段
<label> label 标注
<legend> legend 说明
<li> List Item 列表项
<link> link 链接
<map> map 图像映射
<mark> mark 记号文本
<menu> menu 菜单列表
<meta> meta 元信息
<meter> meter 度量衡
<nav> navigation 导航
<noframes> no frames 不支持框架的用户的替代内容
<noscript> no script 不支持客户端脚本的用户的替代内容
<object> object 嵌入对象
<ol> Ordered List 有序列表
<optgroup> options group 选项组
<option> option 选项
<output> output 输出
<p> paragraph 段落
<param> parameter 参数
<pre> preformatted 预格式化文本
<progress> progress 进度
<q> quote 引用
<rp> ruby parenthesis 不支持ruby元素时显示的内容
<rt> ruby text ruby文本
<ruby> ruby 旁注标记(注音标示)
<s> strike 删除线文本
<samp> sample 样本文本
<script> script 脚本
<section> section 部分
<select> select 下拉列表
<small> small 小号文本
<source> source 媒介资源
<span> span 用来组合文档中的行内元素
<strike> strike 删除线文本
<strong> strong 强调文本
<style> style 样式
<sub> subscript 下标
<summary> summary details元素的标题
<sup> superscript 上标
<table> table 表格
<tbody> table body 表格主体
<td> table data 表格数据单元格
<textarea> textarea 文本框
<tfoot> table footer 表格底部
<th> table headline 表格标题
<thead> table head 表格头标签
<time> time 时间
<title> title 标题
<tr> table row 表格行
<track> track 媒体播放器中的文本轨道
<tt> typewrite text 打字机文本
<u> underline 下划线
<ul> Unordered List 无序列表
<var> variable 变量
<video> video 视频
<wbr> Word BReak 单词换行
说明：
本文主要是标示html标签对应的英文原文，标签的用法和具体的解释请查看相关文档。
参考资料：
http://www.w3school.com.cn/tags/index.asp
http://www.html-5-tutorial.com/all-html-tags.htm
http://webdesignfromscratch.com/html-css/list-of-html-tags-with-semantic-usage/以上内容转载自Ruby's Louvre，以下的内容转载自Web Design from Scratch
Tag What it is When to use it
<A> Anchor (most commonly a link) Vital. Use to create links in content. Use the title attribute whenever the contents of the <a>…</a> pair do not accurately describe what you’ll get from selecting the link. Title attribute often displays as a tooltip in visual browsers, which may be a helpful usability aid.
<ABBR> Defines an abbreviation Works in a similar way to <dfn> and <acronym>, using a title attribute (displays a tooltip in standard visual browsers). e.g. <abbr title=”Hypertext markup language”>HTML</abbr>
<ACRONYM> Defines an acronym Works in a similar way to <abbr> and <dfn>, using a title attribute (displays a tooltip in standard visual browsers).
<ADDRESS> Used for marking up a physical (e.g. mailing) address Not commonly used. Recommend looking into microformats, which allow for more detail and interoperability.
<APPLET> Inserts a Java applet The old way to insert a Java app. Use <object> instead today.
<AREA> Hotspot in image map Avoid image maps where possible. Occasionally necessary.
<BASE> Specifies the base location of the document. Use only when necessary. Adjusts any relative links and paths within the document.
<BASEFONT> Sets default font size Display info – never use it
<BIG> Larger text Display info – never use it
<BLINK> Makes text blink You go to hell if you use this
<BLOCKQUOTE> Large quoted block of text Use for any quoted text that constitutes one or more paragraphs (note: should contain <p> tags as well). Use <q> for quotations within a paragraph. Often used in conjunction with <cite> to cite the quotation’s source.
<BODY> Document body Essential (unless you’re using frames)
<BR> Line break This is arguably display information. Still in common use, but use with restraint.
<B> Bold text Display info – never use it
<BUTTON> Used for a standard clickable button within a form Often better than <input type=”button” /> or <input type=”submit” />, as it allows you to assign different styles based on the HTML element alone, whereas differentiating style based on the type of input is less well supported.
<CAPTION> Caption for a table: describes the table’s contents The correct way to assign a title to a table
<CENTER> Centred block Display info – never use it. Use <div> or some other block-level tag with the style text-align:center instead
<CITE> Defines a citation Defines the source of a quotation (in conjunction with content in <q> or <blockquote> pairs).
<CODE> Defines an extract of code Not commonly used. Similar to <pre> tag, but collapses consecutive white spaces and line breaks in the source.
<COL> Identifies a particular column in a table Can be very useful. e.g. <col class=”namecol”> can be applied to each first column in a series of tables, then the width of each column may be set to be equal in the stylesheet, overriding the table’s natural tendency to adjust its own column widths to fit its contents.
<DFN> Definition of a term Works in a similar way to <abbr> and <acronym>, using a title attribute (displays a tooltip in standard visual browsers).
<DIR> Directory list Now deprecated. Use a standard <ul> or other list instead.
<DIV> Division Specifies a logical division within a document. Use it to separate or identify chunks of content that are not otherwise distinguished naturally using other tags.
One of the most common HTML tags.
<DL> Definition list Contains one or more definition-term / definition-description pairs.
<DT> Definition term Used as part of a <dt></dt><dd></dd> pair within a definition list (<dl></dl>)
<DD> Definition description
<EM> Emphasis Commonly used in place of the old <i> (italics) tag to indicate emphasis (but less than <strong>)
<FONT> Font settings Display info – never use it
<FORM> Input form Essential for data input
<H1> Level 1 header Aim to have one H1 on each page, containing a description of what the page is about.
<H2> Level 2 header Defines a section of the page
<H3> Level 3 header Defines a sub-section of the page (should always follow an H2 in the logical hierarchy)
<H4> Level 4 header Etc. Less commonly used
<H5> Level 5 header Less commonly used. Only complex academic documents will break down to this level of detail.
<H6> Level 6 header Less commonly used
<HEAD> Document head Essential. Contains information about a page that does not constitute content to be communicated as part of the page.
<HR> Horizontal rule Display info with no semantic value – never use it. “Horizontal”, by definition, is a visual attribute.
<HTML> Core element of every web page.
<IMG > Show an image Vital. Always use the alt or longdesc attributes when the image has content value
<INPUT> Input fields within forms Vital. (I prefer to use <button> for buttons and submit buttons though)
<ISINDEX> Old type of search input Not really used any more. Use <form> instead.
<I> Italicised text Display info – never use it
<KBD> Keyboard input Display info – never use it
<LINK> Defines a relationship to another document Commonly used to reference external stylesheets, but has other minor uses
<LI> List item Specifies an item in an unordered or ordered list (<ul> or <ol>)
<MAP> Client-side imagemap May have occasional value, but only use when absolutely necessary
<MARQUEE> Makes text scroll across the screen See <blink>
<MENU> Menu item list Deprecated. Do not use. Use other standard list types instead.
<META> Meta-information Useful way to insert relevant information into the <head> section of the page that does not need to be displayed.
<OL> Ordered list Type of list where the order of elements has some meaning. Generally rendered with item numbers (best managed with CSS).
<OPTION> Selection list option Vital for options within a drop-down control.
<PARAM> Parameter for Java applet Used in conjunction with an <object> or <applet> tag to pass additional setting information at runtime.
<PRE> Preformatted text Renders text in a pre-formatted style, preserving line breaks and all spaces present in the source. May be useful. (This one’s a paradox, as it is strictly display info that applies only to visual browsing, but it’s still so commonly used and useful that I’m hesitant to advise against using it.)
<P> Paragraph Only use to denote a paragraph of text. Never use for spacing alone.
<Q> Short quotation Use for inline quotations (whereas <blockquote> should be used for quotations of a paragraph or more). Often used in conjunction with <cite> to cite the quotation’s source.
<SAMP> Denotes sample output text Similar to the <code> tag. Rarely used. Avoid.
<SCRIPT> Inline script (e.g. JavaScript) It’s better to have all scripts as separate files than to write inline or in the <head> section, however still has its uses.
<SELECT> Selection list A drop-down selector for a form.
<SMALL> Smaller text Display info – never use it
<SPAN> An inline span within text Use to apply meaning (and style) to a span of text that goes with the flow of content (whereas a <div> tag is block-level and breaks the flow)
<Strikeout> Display info – never use it
<STRONG> Strong emphasis Use this instead of the old <b> tag.
<STYLE> CSS style settings Normally used in <head> section of a page. Try to use external stylesheets, to enable you to apply different styles for different output media.
<SUB> Subscript text Arguably display info – recommend using alternative tags (e.g. <cite>). May be required in some academic uses, e.g. Chemical formulas.
<SUP> Superscript text
<TABLE> Table Use for repeated data that has a naturally tabular form. Never use for layout purposes.
<TD> Table data cell A cell containing actual data. If a cell actually contains a descriptor or identifier for a row or column, use a <th> (table header) tag, not a <td>. This usually applies to column headers (within a <thead>), column footers (within a <tfoot>), as well as row headers (usually the first cell in a row in the <tbody>).
<TEXTAREA> Multi-line text input area in a form Essential
<TH> Table column or row header cell May appear in a <thead> (to denote a column header cell), <tbody> (to denote a row header), and in <tfoot> (to denote a column foot cell, e.g. a total)
<TBODY> Indicates the main body of a data table It is always worth using this tag, as well as using <thead> and <tfoot> where appropriate.
Note that it is permissible to have more than one <tbody>, <thead>, and <tfoot> in the same table.
<THEAD> The head section of a table The place to put column header cells (<th>)
<TFOOT> The foot section of a table Good place to put e.g. summary data, such as totals. Note that it goes before the <tbody> tag!
<TITLE> Document title Essential
<TR> Table row Essential with tables
<TT> “Teletype” – simulates typewriter output Similar to <pre>, except that it collapses white space like normal HTML (whereas <pre> leaves all consecutive white space intact). Avoid if possible
<UL> Unordered list Essential. Use for lists where the order or items has no particular importance.
<U> Underline text Display info – never use it
<VAR> Variable in computer code Obscure tag, may only be useful in academic documents. Avoid.点击查看更多内容
4人点赞
评论
共同学习，写下你的评论
评论加载中...
作者其他优质文章
正在加载中
感谢您的支持，我会继续努力的～
扫码打赏，你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫，即可进行扫码打赏哦