<i>和<em>、<b>和<strong>的区别
类别:Web前端 浏览量:1090
时间:2016-5-3 <i>和<em>、<b>和<strong>的区别
<i>和<em>、<b>和<strong>的区别1、< b > < i > 是视觉要素(presentationl elements),分别表示无意义的加粗,无意义的斜体,表现样式为 { font-weight: bolder },仅仅表示「这里应该用粗体显示」或者「这里应该用斜体显示」,而没有强调的语义,建议用CSS样式替代这两个标签
2、< em > 和 < strong > 是表达要素(phrase elements)。 < em > (emphasized text)表示一般的强调文本,而 < strong > (strong emphasized text)表示比 < em > 语义更强的的强调文本。这两个标签具有语义。该标签中的内容在搜索引擎中更受重视,一些语音阅读器也会根据它在阅读时加强语气。
3、<strong>和<em>标签是“含有语义”的标签,搜索引擎会了解这些语义。其在HTML中是特意被设定为表示“强调”的意思。当发现这些表示“强调”的标签时,一些屏幕阅读器可能使用不同的语调。而<b>和<i>标签主要体现在网页布局上面的视觉效果体现。
4、如果在一段文本中,仅仅是想加粗或斜体显示某些文本,应该用<span>标签,然后给它定义CSS样式;如果是想在语义上强调一部分文本,例如关键词,那么应该用<em>和<strong>标签,<strong>标签表示比<em>标签更强调。
标签:css
您可能感兴趣
- CSS vertical-align的用法
- css的列表符号怎么设置(reset.css引入以及1px边框问题的解决方法)
- css3实现120度的箭头(使用css实现任意大小、任意方向和任意角度的箭头示例)
- css3语法结构(CSS3中的注音对齐属性ruby-align用法指南)
- css设置3d效果代码(CSS 制作波浪效果的思路)
- css中的浮动和定位是啥(CSS的position定位和float浮动详解)
- css3动画效果怎么调(CSS3动画之流彩文字效果+图片模糊效果+边框伸展效果实现代码合集)
- css导航条怎么做(CSS实现导航条Tab切换的三种方法介绍)
- css box样式(解析CSS的box model盒模型及其内的子元素布局控制)
- css中outline
- css安全模式(仅针对IE8有效的CSS Hack猎奇写法)
- 如何编写更好的CSS
- css3常用特性(css3学习之2D转换功能详解)
- css如何让图片居中
- CSS中Position 的用法
- css空白边叠加
- 硕博期刊 SCI SSCI CSSCI分不清 一文带你看懂主流期刊分类(硕博期刊SCISSCI)
- 辱华品牌新百伦官宣新代言人IU,个别粉丝希望get爱豆同款(辱华品牌新百伦官宣新代言人IU)
- 巅峰时期被爆床照,曾被选国民最讨厌女星,IU不为人知的黑历史(巅峰时期被爆床照)
- 每天1万吨牛奶倒进下水道,美国大萧条一幕重现(每天1万吨牛奶倒进下水道)
- 如何看待美国数十万加仑牛奶倒下水道 历史又重演了(如何看待美国数十万加仑牛奶倒下水道)
- 历史惊人的相似,美国80万加仑牛奶倒入下水道,意味着什么(历史惊人的相似)