Html标签语义中英文对照表

2011 - 9 - 16 作者 : Jimco 分类 : HTML/CSS

点击查看原图

       Html语义化,似乎是一个老生常谈的问题。Google一下,也有大把关于语义化的文章。为什么要语义化标签?我是这样认为的:Html的每个标签都有它特定的意义,而语义化,就是让我们在适当的位置用适当的标签,以更好的让人和机器(机器可理解为浏览器可理解为搜索引擎)都一目了然。 如果我的解释不够明了, 请Google。

       如何在合适的位置使用合适的标签?

       这是一个简单的理解逻辑。比如,h1~h6标签是用于标题类的;ul是用于无序列表的;ol是用于有充列表的;dl是用于定义列表的;em,strong标签是用来强调的……说白了,Html标签的每个英文释义决定了它的语义(本文后面,我会放一份常用Html标签的英文释义对照表供参考)。


附: 标签语义中英文对照表

标签名 英文全拼 中文翻译
a anchor
abbr abbreviation 缩写词
acronym acronym 取首字母的缩写词
address address 地址
b bold 粗体
big big 变大
blockquote block quotation 区块引用于
br break 换行
caption caption 标题
center center 居中
dd definition description 定义描述
del delete 删除
div division 分隔
dl definition list 定义列表
dt definition term 定义术语
em emphasized 加重
fieldset fieldset 域集
font font 字体
h1~h6 header1~header6 标题1~标题6
hr horizontal rule 水平尺
i italic 斜体
ins inserted 插入
legend legend 图标
li list item 列表项目
ol ordered list 排序列表
p paragraph 段落
pre preformatted 预定义格式
s strikethrough 删除线
small small 变小
span span 范围
strong strong 加重
sub subscripted 下表
sup superscripted 上标
u underlined 下划线
ul unordered list 不排序列表
var variable 变量

5083 人围观 / 16 条评论 ↓快速评论↓

  • 阿狸25好好学习,天天报到。。多多支持

    Dr.Martens 2011-09-26 10:23 回复

  • 博客的文章部分有些窄,阅读起来不方便,一点小看法而已

    溢美生活 2011-09-21 11:26 回复

    • @溢美生活:多谢兄弟的意见!!下个模板争取做好~

      Jimco 2011-09-21 21:18 回复

  • 建站还是要把这些基础代码搞懂

    青竹湾博客 2011-09-21 11:25 回复

    • @青竹湾博客:嗯~基础很重要,同时前端基础也比较容易掌握,但要精深就困难了~

      Jimco 2011-09-21 21:21 回复

  • 阿狸1好多字母晕了,这个L很可爱的

    ayawing 2011-09-20 16:17 回复

  • 汗   你直在教我们英语么?

    抢客网 2011-09-20 15:26 回复

    • @抢客网:阿狸16Hold不住了~下次您老前来直接请后台喝茶去!

      Jimco 2011-09-20 15:58 回复

  • 阿狸13  我紧张啊   不知道该怎么做!

    抢客网 2011-09-19 16:05 回复

    • @抢客网:阿狸2您这是紧张个甚啊!!咱不是城管,不严打,偶尔来贴个小广告,咱还是会瞅着给通过的~

      Jimco 2011-09-19 16:10 回复

  • 咱什么时候能用中文做网站啊

    进口红酒 2011-09-19 15:41 回复

    • @进口红酒:汗~你是说用中文的编程语言写代码建站么?等火星人进攻地球吧~~

      Jimco 2011-09-19 16:05 回复

  • 了解HTML源码有利于建站及优化

    屠龙 2011-09-18 18:43 回复

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18

Powered by Jimco

©2013 前端那些事儿 Designed by Jimco

About me|意见反馈