技术干货 > 文章详情

Web前端丨HTML常用标签及其全称

1年前 web前端

div 语义:Division(分隔)
span 语义:Span(范围)
ol 语义:Ordered List(排序列表)
ul 语义:Unordered List(不排序列表)
li 语义:List Item(列表项目)
dl 语义:Definition List(定义列表)
dt 语义:Definition Term(定义术语)
dd 语义:Definition Description(定义描述)
del 语义:Deleted(删除(的文本))
ins 语义:Inserted(插入(的文本))
h1~.h6 语义:Header 1 to Header 6(标题1到标题6)
p 语义:Paragraph(段落)
hr 语义:Horizontal Rule(水平尺)
a 语义:Anchor(锚)
abbr 语义:Abbreviation(缩写词
acronym 语义:Acronym(取首字母的缩写词)
address 语义:Address(地址)
dfn 语义:Defines a Definition Term(定义定义条目)
kbd 语义:Keyboard(键盘(文本))
samp 语义:Sample(示例(文本))
var 语义:Variable(变量(文本))
tt 语义:Teletype(打印机(文本))
code 语义:Code(源代码(文本))
pre 语义:Preformatted(预定义格式(文本))
blockquote 语义:Block Quotation(区块引用语)
cite 语义:Citation(引用)
q 语义:Quotation(引用语)
strong 语义:Strong(加重(文本))
em 语义:Emphasized(加重(文本))
b 语义:Bold(粗体(文本))
i 语义:Italic(斜体(文本))
big 语义:Big(变大(文本))
small 语义:Small(变小(文本))
sup 语义:Superscripted(上标(文本))
sub 语义:Subscripted(下标(文本))
bdo 语义:Direction of Text Display(文本显示方向)
br 语义:Break(换行)
center 语义:Centered(居中(文本))
font 语义:Font(字体)
u 语义:Underlined(下划线(文本))
s 语义:Strikethrough(删除线)
strike 语义:Strikethrough(删除线)


<a href="#">a 超级链接(anchor)</a>
<abbr title="abbreviation的简写">abbr 简写的(abbreviation)</abbr>
<acronym title="Jin Hua Tang is JHT">acronym 首字母缩略词(acronym) </acronym>
<address>address 地址(address)</address>
<b>b 粗体(bold)</b>
<bdo dir="ltr">bdo <bdo dir="rtl">局部控制文字方向</bdo></bdo>
<big>big 放大(big)</big>
<blockquote>blockquote 引用块(blockquote)</blockquote>
<br /> br 换行(break)
<center>center 居中(center)</center>
<cite>cite 引用(cite)</cite>
<code>code 代码(code)</code>
 
<!--dl 字典列表(dictionary list)-->
<dl>
    <dt>dt 字典标题(dictionary title)</dt>
    <dd>dd 字典数据(dictionary data)</dd>
    <dt>dt 字典标题(dictionary title)</dt>
    <dd>dd 字典数据(dictionary data)</dd>
</dl>
<del>del 删除(delete)</del>
<dfn>dfn 定义(definition)</dfn>
<div>div 区块(division)</div>
<em>em 强调(emphasize)</em>
 
<h1>h1 标题1(head1)</h1>
<h2>h2 标题2(head2)</h2>
<h3>h3 标题3(head3)</h3>
<h4>h4 标题4(head4)</h4>
<h5>h5 标题5(head5)</h5>
<h6>h6 标题6(head6)</h6>
<hr /> hr 横线(horizontal)
<i>i 斜体(italic)</i>
<img src="#" alt="图片" />img 图片(image)
 
<form action="#" method="post">form 表单(form)</form>
<input type="text" name="name" value="" />input,type='text' 文本输入框(text)
<input type="radio" name="name" value="" />input,type='radio' 单选框(radio)
<input type="checkbox" name="name" value="" />input,type='checkbox' 复选框(checkbox)
<input type="file" name="name" value="" />input,type='file' 文件选择框(file)
<input type="hidden" name="name" value="" />input,type='hidden' 隐藏域(hidden)
<input type="image" name="name" value="" />input,type='image' 图片按钮(image)
<input type="password" name="name" value="" />input,type='password' 密码输入框(password)
<input type="reset" name="name" value="reset" />input,type='reset' 重置按钮(reset)
<input type="submit" name="name" value="submit" />input,type='submit' 提交按钮(submit)
<ins>ins 插入(insert)</ins>
<kbd>kbd 键盘文字(keyboard)</kbd>
<noscript>noscript 没有脚步(noscript)</noscript>
 
<!--ol 有序列表(order list)-->
<ol>
    <li>li 列表项(list item)</li>
    <li>li 列表项(list item)</li>
</ol>
<p>p 段落(paragraph)</p>
<pre>pre 按预定格式显示的文本(Preformatted)</pre>
<q>q 引用(quote)</q>
<samp>samp 例子(sample)</samp>
<script type="text/javascript"></script>
 
<!--select 选择列表(select)-->
<select>
    <option value="value">option 选择项(option)</option>
</select>
<small>small 缩小(small)</small>
<span>span 文本段(span)</span>
<strong>strong 重点强调(strong emphasized)</strong>
<sub>sub 下标(subscript)</sub>
<sup>sup 上标(superscript)</sup>
 
<!--table 表格(table)-->
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>td 表格数据(table data)</td>
        <td>td 表格数据(table data)</td>
    </tr>
    <tr>
        <td>td 表格数据(table data)</td>
        <td>td 表格数据(table data)</td>
    </tr>
</table>
<textarea>textarea 多行文本输入区(textarea)</textarea>
<tt>tt 电传打字机(teletype)(等宽字体)</tt>
<!--ul 无序列表(unordered list)-->
<ul>
    <li>li 列表项(list item)</li>
    <li>li 列表项(list item)</li>
</ul>
<var>var 可变文本(variable)</var>


        常用HTML标签的英文全称及简单描述


HTML标签

英文全称

中文释义

a

Anchor

abbr

Abbreviation

缩写词

acronym

Acronym

取首字母的缩写词

address

Address

地址

dfn

Defines a Definition Term

定义定义条目

kbd

Keyboard

键盘(文本)

samp

Sample

示例(文本

var

Variable

变量(文本)

tt

Teletype

打印机(文本)

code

Code

源代码(文本)

pre

Preformatted

预定义格式(文本 )

blockquote

Block Quotation

区块引用语

cite

Citation

引用

q

Quotation

引用语

strong

Strong

加重(文本)

em

Emphasized

加重(文本)

b

Bold

粗体(文本)

i

Italic

斜体(文本)

big

Big

变大(文本)

small

Small

变小(文本)

sup

Superscripted

上标(文本)

sub

Subscripted

下标(文本)

bdo

Direction of Text Display

文本显示方向

br

Break

换行

center

Centered

居中(文本)

font

Font

字体

u

Underlined

下划线(文本)

s/ strike

Strikethrough

删除线

div

Division

分隔

span

Span

范围

ol

Ordered List

排序列表

ul

Unordered List

不排序列表

li

List Item

列表项目

dl

Definition List

定义列表

dt

Definition Term

定义术语

dd

Definition Description

定义描述

del

Deleted

删除(的文本)

ins

Inserted

插入(的文本)

h1~h6

Header 1 to Header 6

标题1到标题6

p

Paragraph

段落

hr

Horizontal Rule

水平尺

href

hypertext reference

超文本引用

alt

alter

替用(一般是图片显示不出的提示)

src

Source

源文件链接

cell

cell

cellpadding

cellpadding

巢补白

cellspacing

cellspacing

巢空间

nl

navigation lists

导航列表

tr

table row

表格中的一行

th

table header cell

表格中的表头

td

table data cell

表格中的一个单元格

iframe

Inline frame

定义内联框架

optgroup

Option group

定义选项组

 (原文来自:HelloWeb-前端网  链接:http://helloweb.wang/qianduankaifa/580.html)

推荐阅读:web前端丨web前端CSS开发中的10个不要

                 Web前端丨几个小众但炫酷的CSS技巧,拿去装逼

                 Web前端丨在一行代码里学点JavaScript

推荐学习:Web前端企业直通班带你玩转Web前端


2

登录 后参与讨论

没有更多评论了

有一位课程导师想与你聊聊

客服热线 400-862-8862

回到顶部