中文Web設計HTML的em標記使用發(fā)布者：本站     時(shí)間：2020-05-16 08:05:49

標記em用來(lái)表示強調，其默認樣式為斜體。

由于一些原因，中文斜體顯示效果并不理想，因此對中文直接應用em標記存在不妥之處。

一些設計師使用加粗表示強調，中英文顯示效果都不錯。

不妨插一句，小字號（如12px）的加粗文本在使用點(diǎn)陣字體的情況下與普通文本差異明顯，在使用矢量字體時(shí)則可能與普通文本差異不明顯。

這些設計師甚至使用strong代替em。

配合標記默認樣式?jīng)Q定標記之選擇的做法必不可取。

我們有理由為標記定制樣式，替換其默認樣式。

正式的中文排版中，強調往往是通過(guò)在文字下文打上實(shí)心圓點(diǎn)實(shí)現的，這樣的圓點(diǎn)被稱(chēng)作著(zhù)重號。

在中文Web設計中，我推薦對em標記使用著(zhù)重號的效果，strong標記仍保留對文本加粗的效果。

由于漢字的寬度一定，這種效果不難實(shí)現。

這里打算為12px大小的文章正文設置em標記樣式。

首先，制作一張12px寬的圖片，下圖是放大至16倍的效果。

對12px大小的文字來(lái)說(shuō)，將圓點(diǎn)直徑設為3px看起來(lái)最為合適，雖然這樣圓點(diǎn)的中心不可能處于絕對居中的位置（本圖中圓點(diǎn)偏右）。

此外，將圓點(diǎn)以外的部分設為透明將更具適應性。

接著(zhù)制定樣式。

.post p em{

padding-bottom:4px;

font-style:normal;

background:transparent url(images/dot-accent.gif)repeat-x left bottom;

}

為了保證效果，段落文本應具有1.5em以上的行距，否則著(zhù)重號可能距離下面一行文字太近。

下面是一段HTML代碼及其對應的樣式效果。

<p>事業(yè)是<em>干</em>出來(lái)的，不是<em>吹</em>出來(lái)的。

</p>

事業(yè)是干出來(lái)的，不是吹出來(lái)的。