HTML 初学者指南(五)

lijh0718

lijh0718

2016-01-29 13:11

HTML 初学者指南(五),HTML 初学者指南(五)

地址Addresses
<ADDRESS 标记通常用于说明文档的作者, 与作者联系的方法 (如, 一个电子邮件地址), 和一个修订日期. 它一般是一个文件的最后部分.

例如, 本在线指南的最后一行为:

<ADDRESS
A Beginner's Guide to HTML / NCSA / pubs@ncsa.uiuc.edu / revised April 96
</ADDRESS

结果为:

A Beginner's Guide to HTML / NCSA / pubs@ncsa.uiuc.edu / revised April 96
注意: <ADDRESS 不 用于普通邮政地址. 关于普通邮政地址参见下文的 "强制换行" .

强制换行Forced Line Breaks/邮政地址Postal Addresses
<BR 标记强制产生一个换行,行间没有间隙. 对于由较短的行组成的文本,如邮政地址, <P 元素产生的附加空行会使你觉得不必要. 例如, 使用 <BR:

National Center for Supercomputing Applications<BR
605 East Springfield Avenue<BR
Champaign, Illinois 61820-5518<BR

输出为:

National Center for Supercomputing Applications
605 East Springfield Avenue
Champaign, Illinois 61820-5518


水平线Horizontal Rules
<HR 标记产生一个和浏览器窗口等宽的水平线. 水平线对于你分割文档中的各个部分很有用. 例如,很多人在他们的文本结束和 <address 信息开始之前加一个水平线.

你可以改变一条线的尺寸 (粗) 和宽度 ( 水平线延伸长度占窗口的百分比). 你可以试着改变设置,直到对显示效果满意. 例如:

<HR SIZE=4 WIDTH="50%"

显示为:


--------------------------------------------------------------------------------


字符格式
HTML 有针对单个字符或句子的两种风格: 逻辑风格和物理风格logical and physical. 逻辑风格Logical styles 根据文本的内容进行标记, 而物理风格 physical styles 指明一个部分的显示效果. 例如, 在前面的句子中, "logical styles" 这个单词标记为一个 "定义definition." 同样的效果 (斜体) 可以通过其他的标记告诉你的浏览器 "把这些字变成斜体" 来实现。

注意: 有些浏览器对 <DFN 标记不做任何风格解释, 因此你可能没有发现前面段落中的单词显示成斜体。

逻辑风格和物理风格Logical Versus Physical Styles
如果物理风格和逻辑风格能够产生相同的效果, 为什么不和而为一呢?

在理想的 SGML 概念中, 内容和它的显示是分开的. 因此 SGML 标记一个一级标题字体为一级标题字体, 但是并不指明一级标题字体应该显示多大, 例如, 24点粗体 加倍集中24-point bold Times centered. 这种处理的好处(类似于很多字处理软件的 style sheets ) 是,如果你决定把一级标记字体改为 20-point left-justified Helvetica, 你只需要改变你的浏览器中一级标题字体的定义就可以了. 今天确实有很多浏览器允许你按你的希望定义多种 HTML 标记在屏幕上的实际效果.

逻辑标签的另一个优点在于它们有助于在你的文档中保持一致性. 标记 <H1 比 24-point bold Times center 或其它描述要好记得多. 例如, 对 <STRONG 标记. 多数浏览器用粗体解释. 但是, 某个读者可能喜欢把这部分显示为红色. 逻辑风格提供了这种灵活性.

当然, 假设如果你想用斜体显示一些内容而不想受浏览器的设置的影响, 你就需要使用物理风格 . 因此,物理风格提供一种另一种一致性:在你的文档中用某种方式显示的内容在别的地方也会以同样的方式显示.

你应该固定地使用某一种风格. 如果你用物理风格标记, 则在一篇文档中全都使用物理风格. 如果你使用逻辑风格, 则在文档中坚持使用逻辑风格. 记住,将来的 HTML 可能不再支持物理风格, 这意味着浏览器将不解释物理风格的编码.

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/php/)
展开更多 50%)
分享

猜你喜欢

HTML 初学者指南(五)

PHP
HTML 初学者指南(五)

HTML 初学者指南

Html CSS布局 Div+CSS XHTML
HTML 初学者指南

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML 初学者指南(一)

PHP
HTML 初学者指南(一)

HTML 初学者指南(三)

PHP
HTML 初学者指南(三)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML 初学者指南(六)

PHP
HTML 初学者指南(六)

HTML 初学者指南(九)

PHP
HTML 初学者指南(九)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PHP学习宝典-第六章(续篇)

PHP学习宝典-第六章(续篇)

Windows Form 和 UserControl

Windows Form 和 UserControl
下拉加载更多内容 ↓