日期:2013-08-01  浏览次数:20766 次

HTML言语剖析

字体标记

<STRONG> <B>
<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>
<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB>
<H1> <H2> <H3> <H4> <H5> <H6>
<FONT> <BASEFONT> 
■实体标记与逻辑标记 :                                   ▲Top
 
这一节【字体标记】你必须先明白实体标记与逻辑标记的分别,否则你会迷惑于为何不同 的标记却有相反的效果。两者分别有以下两处:
实体标记有固定的显示效果,逻辑标记则依不同浏览器而不同。
例如逻辑标记的 <EM> 由于浏览器的不同它所标示的文字不一定出现斜体效果, 它可能是加底线、粗体或反白等,所以这一节是以它们在 IE 和 NC 中的效果作介 绍。

多个实体标记亦可无效标示同一字句,逻辑标记则通常于旧浏览器不能无效显示多 重的标示。
例如两个逻辑标记 <EM> 及 <STRONG> 同时标示一字句于旧浏览器常得到作用。

实体标记有:
<I> <B> <U>
逻辑标记有:
<STRONG> <EM> <VAR> <CITE> <DFN> <ADDRESS> <CODE> <KBO> <SAMP> <TT>
若要求真确的效果当然以实体标记为佳。
 
■<STRONG> <B> :                                          ▲Top
 
两者皆能产生字体加粗的效果,但必须留意的是当文件被设为 gb2312 Encoding 时,两者所 标示的中文字不会于 Netscape Netvigator 显示粗体效果。

例子: (第一行是没有任何字体标记的,作对照之用)
HTML Source Code (原始码)                  浏览器显示结果
Creation of Webpage                          Creation of Webpage    
<br><STRONG>Creation of Webpage</STRONG>     Creation of Webpage
<br><B>Creation of Webpage</B>               Creation of Webpage

■<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>:                  ▲Top
 
这些标记于 Internet Explorer 都产生斜体效果,而只要 </DFN> 于 Netscape Netvigator 得到作 用。这些标记中只要 <ADDRESS> 较为特别,因它包括换行效果所以不必在它前面加上 <BR> 标记。
例子:

HTML Source Code (原始码)                  浏览器显示结果
<I>Creation of Webpage</I>                   Creation of Webpage
<br><EM>Creation of Webpage</EM>             Creation of Webpage
<br><VAR>Creation of Webpage</VAR>           Creation of Webpage
<br><CITE>Creation of Webpage</CITE>         Creation of Webpage
<br><DFN>Creation of Webpage</DFN>           Creation of Webpage
<ADDRESS>Creation of Webpage</ADDRESS>       Creation of Webpage  
 
■<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> ▲Top
 
为方便对照及记认,所以把十个标记于在一同引见。
<TT> <SAMP> <CODE> <KBD> 可令每字母有相等宽度且每字母之间的距离稍为加 宽。但于 NC 不见得如此。
<