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 变量
时间: 2024-10-05 09:21:19

HTML标签语义化对照表的相关文章

HTML标签语义化——使用b标签,还是strong标签

HTML标签语义化,相关的内容网上有很多.大家可以去学习一下,看一下你所使用的标签是否具有其真正要表达的意义,标签你用对了吗?今天要介绍的内容是使用b标签,还是strong标签,翻译自http://www.think-ink.net/html/bold.htm. There is a difference between using what are referred to as logical tags and tags that primarily affect visual layout.

web标签语义化

一.web标签的含义:web标签的语义化是指用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解.二.html布局的三种方式:1.自然布局.没有任何修饰的布局是自动靠左的.2.流动布局上面讲的float:left的情况.3.定位布局 相对定位和绝对定位都是相对于父div标签的.  相对------以这个元素的本来应该在的位置为参照点  绝对--以父div标签的原点(左上角)为参照点.a.由于外层是position:relative,所以里层是absolute的话,则

HTML标签语义化小结

HTML语义化是个面试过程中喜闻乐见的问题,问得多了,也是时候要作个系统的总结,这样才能形成知识网络. 所谓标签语义化,其实就是按照标准,给内容用上一个最恰当最合适的标签,这样一来,就算样式表没加载,也能正常浏览文章.对了,说起这个,我想起我手机在浏览部分网站的时候会有个阅读模式的东西,就是把样式去掉,让你更专注于文本,所以如果你的语义化做得不好,在这种阅读模式下是会“死人”的,哈哈哈. 每个HTML标签都有自己的意义,也有自己的适用范围,但往往会被我们忽略或者滥用,比如,div标签,这个标签常

谈CSS布局中HTML标签语义化

很多人都在做前端,当然这里包括很多新手,也许在新手的想法就是在做布局的时候不要用font标签之类的就算是web标准了,这样一来,造成如今网上“div泛滥”,一看源文件,霍,除了div没其他标签了. 这里,我可以很负责的告诉大家,这不叫web标准,这叫“div+css”.名副其实的“div+css”.也许有人会说,我用“div+css”做出来的页面完全表达出设计图的意图,浏览器都兼容,没有任何问题.的确,你这样做出来的页面看起来是没任何问题,注意,这里说的是“看起来没任何问题”,仅此而已. 人是可

html标签语义化

1.强调 <strong> 标签和 <em> 标签一样,用于强调文本,但strong强调的程度更强一些. em强调在浏览器解析下默认为斜体,虽然<i>标签也是斜体的效果,但是em才具有语义化. 2.引用 用<q>标签的真正关键点不是它的默认样式双引号,是它的语义:引用别人的话(短文本的引用). <blockquote>的作用也是引用别人的文本.但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签.浏览器对<blockq

标签语义化

标签的语义化,是指在看到标签名的情况下基本能理解它所代表的含义,比较直观. 语义化的好处有: 对搜索引擎友好,有良好的页面结构和语义你的内容能够孜然被搜索引擎捕捉到,也利用网站的推广:语义化标签有助于定义遵从标准,便于团队之间的合作与开发.

html学习之——标签语义化

html语义化在前端学习中会经常出现,下面对html语义化做个总结 一.什么是HTML语义化 HTML语义化总的来说就是用正确的标签做正确的事.围绕着一些标签展开,如h1-h6.把适当的标签用在合适的地方.是页面结构更加的清晰. 二.html语义化有什么作用 1.使用html语义化,能使页面结构更清晰,便于解析. 2.有利于SEO.搜索引擎爬虫依赖于html标签来确定上下文和关键字权重. 3.使用html语义化,在没有css样式的时候页面也能正确清晰的呈现 4.有利于各种设备的解析,如盲人阅读器

李洪强和你一起学习前端之(2)表格、表单、标签语义化

大家早上好!新的一天开始了,学如逆水行舟,不进则退,一起加油吧! 在学习的过程中有任何问题想与我交流的,加我QQ: 990625403 好了,让我们开始今天的学习吧! 温故而知新 1 复习昨天的知识 1.1 单标签 <!--文本内容--> 注释标签  Ctrl +/ <br> 换行标签 <hr> 横线标签 1.2 双标签 <p></p> 段落标签 <hn></hn> n的取值是1-6  标题标签 <font size

HTML标签的语义化

标签的语义化就是指标签的含义.标签为什么要使用语义化的定义呢?是为了使我们的网站更好的被搜索引擎收录. 下面是一个例子 <table> <tr> <td>单价</td> <td>数量</td> </tr> <tr> <td>5.0</td> <td>1</td> </tr> </table> 上面的代码没有使用语义化,下面是使用语义化的代码