html网站建设教程中不推荐使用font标签
作者:佚名 时间:2014-02-12
html网站建设教程中不推荐使用font标签
<font>标签可以改变文本中字符的大小、样式和颜色。但是现在的网站建设教程中已不推荐使用它,因为在HTML4和|XHTML标准中已经废弃该标签了(即使仍然受到Internet Explorer和Netscape的支持)。但你还是可以忽略我们的建议,而像使用其他物理样式和基于内容的样式标签一样,用它去改变一小段文本的外观。
font标签用法图1

对于整个网站中文本颜色的控制,请参考<body>标签的属性。
size属性
size属性的值必须如前所述,是有效的虚拟字体中的一个(1-7),并将所包含文本的字体定位为绝对大小,或者在前面加下加号(+)或减号(-)来定义字体的相对大小,然后浏览器在字体基本大小的基础上进行加或减即可。如果计算值超出了范围,浏览器会自动把它设为边界值1或7。
一般来讲,如果希望所显示文本的字体非常大或者非常小,或者希望整个文档都以某种特定的字号显示时,就要使用绝对字体大小。例如,你可以使用最大号的字体来显示某一段开头的第一个字母,这样就实现了装饰性手稿的一种原始形式;
<p><font size =7>C</font>all me Ishmael.
图2

而且,还可以用绝对字体在文档底部插入一段小到几乎没办法阅读,但又不惹人讨厌的“细微”打印(样板文本或者法律术语等);
<p><font size=1>All rights reserved. Unauthorized redistribution of this document is prohibited. Opinions expressed herein are those, not the Internet Sservice Provider.
图3 利用最小号字体来显示样板文本

除这种极端情况外,可使用相对字体大小来显示与周围文本大小不同的文本,从此强调某个词或者某个短语。如图所示的夸张示例:
<p>Make sure you<font size=+2>always</font>sign and date the form!
图4 多数情况下都使用相对大小来装饰文本

如果相对字体变化时其大小超过了7,浏览器会自动选择使用七号字。同样,如果字体大小小于1,浏览器就会显示为一号字。请注意,指定“size=+1”和“size=-1”与分别使用<big>和<small>的效果一样。然而嵌套的相对字体的改变却不像在其他标签中那样可以叠加。每一个<font>标签都是相对于基本字体大小而言的,而不是针对当前字体的大小,例如以下代码
<p>
The ghost moaned, "oo<font size=+1>oo<font size=+2>oo<font size=+3>oo</font>oo</font>oo</font>oo."
图5 相对字体大小迭加比例

现在与<big>和<small>标签比较一下,这两个标签每嵌套一层就分别增加或减少一号字体。
如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/news/20151229/n6645.html