伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

詳解HTML標記里面的em和strong的區別

網頁教學網 2009/2/3 10:34:18 深山行者 字體: 瀏覽 7359

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強調的是重要性,不會改變句意。

相關閱讀
深山留言板css安裝教程
asp怎么得到像論壇一樣的第幾樓分頁
JS自動格式化輸入的數字/千位分隔符
網站已經整理了整站下載失效問題
購買系統可以免費提供修改服務嗎?
超級經典一套鼠標控制左右滾動圖片帶自動翻滾
圣誕老人留言板模板
獲取客戶真實IP地址
共有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還有其它的嗎
更多>>隨機抽取信息
小程序中利用addPhoneContact將聯系人的信息添加到手機通訊錄支持保存聯系人頭像
深山留言板祈福效果
asp截取字符串:根據右邊第一個點(.)去掉擴展名
汽車交易網站
巧用CSS中的expression來區分只讀文本框
一個超級變態的DIV+CSS
主站蜘蛛池模板: 免费一级特黄欧美大片久久网 | 久久精品高清 | 老子影院午夜理伦手机不卡 | 一级黄色片毛片 | 国产酒店自拍 | 欧美黑人性视频 | 茄子黄瓜石榴香蕉草莓绿巨人 | 国产精品一区91 | 日韩欧美在线观看视频一区二区 | 亚洲第一页乱 | 五月婷婷激情视频 | 欧美精品专区免费观看 | 日本福利在线观看 | 欧美日韩一本 | 99成人在线视频 | 天堂网2016| 免费女人18a级毛片视频 | 四虎高清成人永久免费影院 | 精品卡通动漫在线观看视频一区 | 最新亚洲精品 | 久久9999| www.国产成人| 亚洲不卡一区二区三区在线 | 久久中文字幕亚洲精品最新 | 久久伊人最新 | 国内精品福利在线视频 | 1204你懂的国产国片免费 | 狠狠色狠色综合曰曰 | a毛片在线还看免费网站 | 伊人热热久久原色播放www | 四虎影视成人永久在线观看 | 99国产福利 | 国产网站麻豆精品视频 | 全色导航 | 最新欧美精品一区二区三区不卡 | 91华人在线| 天堂在线观看免费观看 | 婷婷亚洲综合五月天小说 | 在线看欧美日韩中文字幕 | 免费jjzz在在线播放国产 | 亚洲欧美在线视频观看 |