继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

html标签对应的英文原文

人生还有多少个二十年
关注TA
已关注
手记 19
粉丝 13
获赞 492
标签  对应英文    说明
<!-->   /   注释
<!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.
打开App,阅读手记
4人推荐
发表评论
随时随地看视频慕课网APP