久久久久成人免费看a含羞草久色_91福利资源站_好色综合网_久久久久国产精品一区二区三区_一级片免费看_久久久久国产精品久久久久

订阅本栏目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

详解HTML标记里面的em和strong的区别

网页教学网 2009/2/3 10:34:18 深山行者 字体: 浏览 7263

em 和 strong 的区别,可以从三个层次上来谈。

首先看 HTML 4.01 中的说明:

EM: Indicates emphasis.
STRONG: Indicates stronger emphasis.

em 表示强调,strong 表示更强烈的强调。言简意赅,表明了 em 和 strong 的命名来历。并且在浏览器中,em 默认用斜体表示,strong 用粗体表示。这是第一个层次上的区别。

第二个层次上,在 Emphasis in context versus overall highlighting 和 em vs. strong 这两篇文章中,做了很好的总结:

em is for local emphasis. You see? Local emphasis. If you would emphasize a word in speech, use em.
strong is for global highlighting. When somebody looks at your document, at a glance, certain words and phrases should jump out. These are the words and phrases that make up the gist of the content — the highlights.
em 用来局部强调,strong 则是全局强调。从视觉上考虑,em 的强调是有顺序的,阅读到某处时,才会注意到。strong 的强调则是一种随意无顺序的,看见某文时,立刻就凸显出来的关键词句。斜体和粗体刚好满足了这两种视觉效果,因此也就成了 em 和 strong 的默认样式。

感觉上面已经解释得很清楚了?我们再来看看第三个层次上的区别。HTML5 草案 中做了详尽解释:

The em element represents stress emphasis of its contents. The placement of emphasis changes the meaning of the sentence.
The strong element represents strong importance for its contents. Changing the importance of a piece of text with the strong element does not change the meaning of the sentence.
em 表示内容的着重点(stress emphasis),strong 表示内容的重要性(strong importance),strong 不会改变所在句子的语意,em 则会改变所在句子的语义。并且举了一个非常好的例子:

<p><em>Cats</em> are cute animals.</p>

强调猫,讨论的是哪种动物聪明可爱。

<p>Cats <em>are</em> cute animals.</p>

强调是,讨论的是猫是不是聪明可爱。

<p>Cats are <em>cute</em> animals.</p>

强调聪明可爱,讨论的是猫究竟是聪明可爱呢还是愚蠢讨厌。

<p><strong>Warning.</strong> This dungeon is dangerous.
<strong>Avoid the ducks.</strong> Take any gold you find.
<strong><strong>Do not take any of the diamonds</strong>,
they are explosive and <strong>will destroy anything within
ten meters.</strong></strong> You have been warned.</p>

strong 表示的是重要性上的强调,不会引起句子意思的变化。最后注意 em 和 strong 都可以有多重,比如可以用两个 strong 来表示内容很重要。

可以看出,第二个层次上所说的局部强调和全局强调是不够准确的。em 和 strong 区别的玄妙处,在 HTML5 草案里才得到淋漓尽致的阐释。推荐大家有时间的时候,仔细阅读 HTML5 草案。有很多元素的语义,都阐释得非常清楚,对于我们如何在最恰当的地方使用最恰当的标签,非常具有价值。

最后,在 前端与民工 一文的回复中,以及收到的邮件里,很遗憾的没有发现有谁知道第三个层次上的区别。因此准备的礼品(我还真准备了10份),很落寞的发不出去了。不过这篇文章仅是个引子,接下来准备用一系列文章来探讨HTML中元素的语义。礼品的承诺继续有效,留给下一个话题:

请阐述dl的语义,并列举至少5种使用场景。

可以查阅资料,将结果贴在回复里,或邮件发送给我都可以,礼物有限,前10个答对的必送。

补充:和一些朋友又讨论了下,最后我的看法是:

em 是句意强调,加与不加会引起语义变化。
strong 是重要性强调,和局部还是全局无关,局部强调用strong也可以,strong强调的是重要性,不会改变句意。

相关阅读
短信邮件
Javascript JS 限制复选框的选择个数(3)
初学入门:一组常用的弹出窗口用法总结
另外一种符合web2.0的链接打开方式--利用base打开链接
仿百度知道宽度高度自适应的圆角边框
一个利用select下拉选择框进行变色的网页效果
asp过滤所有html标签
css改变页面中的文字颜色与字体粗体
共有0条关于《详解HTML标记里面的em和strong的区别》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
利用css3中的-webkit-font-smoothing把网页文字的毛边去掉
更多>>最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>随机抽取信息
另外的一种单项的选择
网站从http改成https(ssl证书)后设置301跳转将http跳转到https的方法
正则替换回车换行符和把br替换成回车换行符
河南省中国青年旅行社文化路营业部
innerHTML动态改变ID的CSS样式表
连云港市海州区培智学校
主站蜘蛛池模板: 亚洲男人天| 久久久久久草 | www.免费黄色 | 欧美mv日韩mv国产网站app | 无码精品a∨在线观看中文 无码精品不卡一区二区三区 | 五月天婷婷爱 | 久久93精品国产91久久综合 | 99国产精品99久久久久久 | 午夜大片免费男女爽爽影院久久 | 玩弄人妻少妇500系列视频 | 亚洲中国最大av网站 | 亚洲v欧美v国产v在线观看 | 亚洲综合成人在线 | 久久午夜福利无码1000合集 | 牲欲强的熟妇农村老妇女视频 | 永久黄网站免费视频性色 | 久草视频免费在线 | 久久精品中文字幕有码日本 | 红色毛片 | 人妻aⅴ无码一区二区三区 人妻aⅴ中文字幕 | 色琪琪原网站亚洲香蕉 | 亚洲精品国产男人的天堂 | 国产视频一区二 | 欧美一区二区三区不卡免费 | 一区二区三区四区视频在线观看 | 亚洲熟妇无码久久精品 | 国产手机精品一区二区 | 毛片在线网站 | 狠狠色成人综合网 | 国产成人资源 | 国产三级久久 | 国产精品久久亚洲一区二区 | 制服丝袜综合第八页 | 99re热这里只有精品视频 | 国产精品国产三级国快看 | 色翁荡息又大又硬又粗又视频图片 | 午夜色大片 | 亚洲毛片免费看 | 免费一级大片儿 | h视频在线看 | 亚洲精品天堂一区在线观看 |