HTML之字体标记- HTML/XHTML教程 - 软晨网（RuanChen.com）

HTML/XHTML教程: HTML表格标记教程(37):表头的背景图象属性BACKGROUND; HTML表格标记教程(41):表头的宽度和高度属性WIDTH、HEIGHT; HTML表格标记教程(36):表头的背景色属性BGCOLOR; 揭开HTML 5工作草稿的神秘面纱; 清除网页文字水印的两种简单方法; W3C公布最新的HTML5标准草案; XHTML与CSS的面向对象编程; XHTML三种文件类型声明; 通过实例掌握BR和P标签的区别; 网页表格或div层在网页中被撑开解决之道; 网页设计之网页音乐的实现技巧; XHTML常用标签介绍; HTML网页图片标记; 网页表单设计实例技巧五则; HTML网页列表标记学习教程; HTML网页超链接标记; HTML表单标记教程(4):; HTML表单标记教程(5):文字域标记; HTML表单标记教程(2):; HTML表单标记教程(3):输入标记

技术文章搜索

关键字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 39 ::

收藏到网摘: n/a

■ 字体标记

　　欲明白本篇【HTML彻底剖析】之标记分类，请看【标记一览】。
　　也请先明白围堵标记与空标记的分别，请看【HTML概念】。

■实体标记与逻辑标记：

▲Top

　　这一节【字体标记】你必须先明白实体标记与逻辑标记的分别，否则你会迷惑于为何不同的标记却有相同的效果。两者分别有以下两处：

　　1、实体标记有固定的显示效果，逻辑标记标记则依不同浏览器而不同。

　　例如逻辑标记的 <EM> 由于浏览器的不同它所标示的文字不一定出现斜体效果，它可能是加底线、粗体或反白等，所以这一节是以它们在 IE 和 NC 中的效果作介绍。

　　2、多个实体标记也可有效标示同一字句，逻辑标记则通常于浏览器不能有效显示多重的标示。

　　例如两个逻辑标记 <EM> 及 <STRONG> 同时标示一字句于旧浏览器常失去作用。

　　若要求真确的效果当然以实体标记为佳。

■<STRONG> <B> ：

▲Top

　　两者皆能产生字体加粗效果，但必须注意的是当文件编码被设为汉字时，两者所标示的中文字不会在 Netscape Netvigator 显示粗体效果。

例子：（第一行是没有任何字体标记的，作参照用）

HTML Source Code （原代码）	浏览器显示结果
Creation of Webpage <br><STRONG>Creation of Webpage</STRONG> <br><B>Creation of Webpage</B>	Creation of Webpage Creation of Webpage Creation of Webpage

■<I> <EM> <VAR> <CITE> <DFN> <ADDRESS>：

▲Top

　　这些标记在 Internet Explorer 里都会产生斜体效果，而只有 </DFN> 于 Netscape Netvigator 失去作用。这些标记中只有 <ADDRESS> 较为特别，因为它包括换行效果所以不必在它前面加上 <BR> 标记。

例子：

HTML Source Code （原代码）

浏览器显示结果