HTML教程 改变文本的外观和含义Word格式.docx
《HTML教程 改变文本的外观和含义Word格式.docx》由会员分享,可在线阅读,更多相关《HTML教程 改变文本的外观和含义Word格式.docx(12页珍藏版)》请在冰点文库上搜索。
Inc."
、"
etc."
。
通过对缩写词语进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
<
标签最初是在HTML4.0中引入的,表示它所包含的文本是一个更长的单词或短语的缩写形式。
浏览器可能会根据这个信息改变对这些文本的显示方式,或者用其他文本代替。
也许当前流行的浏览器对<
标签中包含的文本还没有任何处理方式,但是我们无法预测将来的版本将会如何实现该标签。
实例
标记一个缩写:
abbrtitle="
etcetera"
>
etc.<
/abbr>
亲自试一试
提示和注释:
提示:
在某些浏览器中,当您把鼠标移至缩略词语上时,title可被用来展示表达的完整版本。
浏览器支持
所有主流的浏览器均支持<
标签。
注释:
IE6或更早版本的IE浏览器不支持<
标准属性
id,class,title,style,dir,lang,xml:
lang
如需完整的描述,请访问标准属性。
HTML标准属性
下面列出了所有HTML和XHTML标签支持的标准属性,仅有少数例外。
核心属性(CoreAttributes)
以下标签不提供下面的属性:
base、head、html、meta、param、script、style以及title元素。
属性
值
描述
class
classname
规定元素的类名(classname)
id
规定元素的唯一id
style
style_definition
规定元素的行内样式(inlinestyle)
title
text
规定元素的额外信息(可在工具提示中显示)
语言属性(LanguageAttributes)
base、br、frame、frameset、hr、iframe、param以及script元素。
dir
ltr|rtl
设置元素中内容的文本方向。
language_code
设置元素中内容的语言代码。
语言代码参考
xml:
设置XHTML文档中元素内容的语言代码。
键盘属性(KeyboardAttributes)
accesskey
character
设置访问元素的键盘快捷键。
tabindex
number
设置元素的Tab键控制次序。
事件属性
onclick,ondblclick,onmousedown,onmouseup,onmouseover,
onmousemove,onmouseout,onkeypress,onkeydown,onkeyup
acronym>
元素可定义只取首字母缩写,比如"
NATO"
通过对只取首字母缩写进行标记,您就能够为浏览器、拼写检查程序、翻译系统以及搜索引擎分度器提供有用的信息。
标记一个首字母缩写:
acronymtitle="
WorldWideWeb"
WWW<
/acronym>
cite>
标签通常表示它所包含的文本对某个参考文献的引用,比如书籍或者杂志的标题。
按照惯例,引用的文本将以斜体显示。
用<
标签把指向其他文档的引用分离出来,尤其是分离那些传统媒体中的文档,如书籍、杂志、期刊,等等。
如果引用的这些文档有联机版本,还应该把引用包括在一个<
a>
标签中,从而把一个超链接指向该联机版本。
标签还有一个隐藏的功能:
它可以使你或者其他人从文档中自动摘录参考书目。
我们可以很容易地想象一个浏览器,它能够自动整理引用表格,并把它们作为脚注或者独立的文档来显示。
标签的语义已经远远超过了改变它所包含的文本外观的作用;
它使浏览器能够以各种实用的方式来向用户表达文档的内容。
code>
标签用于表示计算机源代码或者其他机器可以阅读的文本内容。
软件代码的编写者已经习惯了编写源代码时文本表示的特殊样式。
标签就是为他们设计的。
包含在该标签内的文本将用等宽、类似电传打字机样式的字体(Courier)显示出来,对于大多数程序员和W3School的用户来说,这应该是十分熟悉的。
只应该在表示计算机程序源代码或者其他机器可以阅读的文本内容上使用<
虽然<
标签通常只是把文本变成等宽字体,但它暗示着这段文本是源程序代码。
将来的浏览器有可能会加入其他显示效果。
例如,程序员的浏览器可能会寻找<
片段,并执行某些额外的文本格式化处理,如循环和条件判断语句的特殊缩进等。
提示和注释
如果只是希望使用等宽字体的效果,请使用<
tt>
或者,如果想要在严格限制为等宽字体格式的文本中显示编程代码,请使用<
pre>
dfn>
标签可标记那些对特殊术语或短语的定义。
现在流行的浏览器通常用斜体来显示<
中的文本。
将来,<
还可能有助于创建文档的索引或术语表。
与其他许多基于内容的样式和物理样式标签一样,<
标签尽量少用为妙。
作为一种通用样式,尤其在技术文档中,当第一次新的术语时,应该将它们与普通文本分开,这样读者可以更好地理解文章当前的主题,而从那以后就不要再对这个术语进行任何标记了。
em>
标签告诉浏览器把其中的文本表示为强调的内容。
对于所有浏览器来说,这意味着要把这段文字用斜体来显示。
在文本中加入强调也需要有技巧。
如果强调太多,有些重要的短语就会被漏掉;
如果强调太少,就无法真正突出重要的部分。
这与调味品一样,最好还是不要滥用强调。
尽管现在<
标签修饰的内容都是用斜体字来显示,但这些内容也具有更广泛的含义,将来的某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。
如果你只想使用斜体字来显示文本的话,请使用<
i>
除此之外,文档中还可以包括用来改变文本显示的级联样式定义。
除强调之外,当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候,也可以考虑使用<
例如,W3School经常对重要的术语使用<
标签可以用来把这些名称和其他斜体字区别开来。
kbd>
标签定义键盘文本。
说到技术概念上的特殊样式时,就要提到<
正如你已经猜到的,它用来表示文本是从键盘上键入的。
浏览器通常用等宽字体来显示该标签中包含的文本。
标签经常用在于计算机相关的文档和手册中。
例如:
键入<
quit<
/kbd>
来退出程序,或者键入<
menu<
来返回主菜单。
samp>
标签表示一段用户应该对其没有什么其他解释的文本字符。
要从正常的上下文抽取这些字符时,通常要用到这个标签。
请看下面的例子:
字符序列<
ae<
/samp>
可能会被转换为&
aelig;
连字字符。
上面的HTML代码会显示为:
字符序列ae可能会被转换为æ
在HTML中,用于"
ae"
连字的特殊实体是"
&
"
,大多数浏览器都会将它转换成相应的"
æ
标签并不经常使用。
只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少情况下,才使用这个标签。
strong>
标签和<
标签一样,用于强调文本,但它强调的程度更强一些。
浏览器通常会以不同于<
标签的方式来显示<
标签中的内容,通常是用加粗的字体(相对于斜体)来显示其中的内容,这样用户就可以把这两个标签区分开来了。
如果常识告诉我们应该较少使用<
标签的话,那么<
标签出现的次数应该更少。
如果说用<
标签修饰的文本好像是在大声呼喊,那么用<
标签修饰的文本就无异于尖叫了。
沉默寡言的人说出的话总是一诺千金,与此相同,限制<
的使用可以令应该更加引人注意,而且更加有效。
举一个例子,经常访问W3school的用户可以注意到了,许多教程页面的第一句摘要都是以粗体显示的,而实际上,我们对这一句摘要使用了<
使用这个标签的理由是,我们认为教程摘要不仅概括了其所在页面的内容,而且位于页面的最重要的位置,其内容自然是非常重要的且值得强调的。
var>
标签表示变量的名称,或者由用户提供的值。
标签是计算机文档中应用的另一个小窍门,这个标签经常与<
和<
标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。
标签标记的文本通常显示为斜体。
就像其他与计算机编程和文档相关的标签一样,<
标签不只是让用户更容易理解和浏览你的文档,而且将来某些自动系统还可以利用这些恰当的标签,从你的文档中提取信息以及文档中提到的有用参数。
我们再一次强调,提供给浏览器的语义信息越多,浏览器就可以越好地把这些信息展示给用户。
物理样式
在讨论基于内容的样式标签时,我们经常用到“意图”这个词。
这是因为由标签传达的含义比浏览器显示文本的方式更为重要。
然而,在某些情况下,可能是出于合法性或者版权等方面的原因的考虑,你希望文本以某种特殊的方式来显示(例如斜体或加粗)。
在这种情况下,就可以对文本使用物理样式。
虽然其他文字处理系统的趋势是精确地控制样式和外观,但是在使用HTML或XHTML时,除非极少情况下,都应该避免使用物理标签。
应当尽可能地向浏览器提供上下文信息,并使用基于内容的样式。
尽管现在浏览器不过是以斜体或者粗体字来显示这些文本,但是将来的浏览器和各种文档生成工具可能会以非常有创建的方式来利用这些基于内容的样式。
当前的HTML/XHTML标准一共提供了9种物理样式,包括粗体(bold)、斜体(italic)、等宽(monospaced)、下划线(underlined)、删除线(strikethrough)、放大(larger)、缩小(smaller)、上标(superscripted)和下标(subscripted)文本。
b>
标签呈现粗体文本效果。
标签是基于内容的样式标签<
的物理版本,但它没有后者的扩展意义。
标签明确地将包括在它和其结束标签之间的字符或者文本变成粗体。
如果某种加粗的字体不可用,浏览器将使用一些其他的表现方法,例如反相显示或者加下划线等。
如果您希望把文本标记为相比其他文本更为重要,应该使用<
big>
标签呈现大号字体效果。
使用<
标签可以很容易地放大字体。
这简直不能再简单了:
浏览器显示包含在<
标签和其相应的<
/big>
标签之间的文字时,其字体比周围的文字要大一号。
但是,如果文字已经是最大号字体,这个<
标签将不起任何作用。
更妙的是,可以嵌套<
标签来放大文本。
每一个<
标签都可以使字体大一号,直到上限7号文本,正如字体模型所定义的那样。
但是使用<
标签的时候还是要小心,因为浏览器总是很宽大地试图去理解各种标签,对于那些不支持<
标签的浏览器来说,它经常将其认为是粗体字标签。
标签显示斜体文本效果。
标签和基于内容的样式标签<
类似。
它告诉浏览器将包含其中的文本以斜体字(italic)或者倾斜(oblique)字体显示。
如果这种斜体字对该浏览器不可用的话,可以使用高亮、反白或加下划线等样式。
标签一定要和结束标签<
/i>
结合起来使用。
s>
标签可定义加删除线文本定义。
标签是<
strike>
标签的缩写版本,Netscape和InternetExplorer都支持它。
但在HTML4和XHTML中已经不再赞成使用它了,意思就是不再使用了;
它早晚有一天将会消失。
例子
可以像这样标记删除线文本:
在HTML5中,<
仍然支持<
/s>
已经不支持这个标签了。
HTML与XHTML之间的差异
在HTML4.01中,<
标签不被赞成使用。
在XHTML1.0StrictDTD中,<
标签不被支持。
请使用<
del>
替代它!
onmousemove,onmouseout,onkeypress,onkeydown,onkeyup
small>
标签呈现小号字体效果。
标签和它所对应的<
标签一样,但它是缩小字体而不是放大。
如果被包围的字体已经是字体模型所支持的最小字号,那么<
与<
标签类似,<
标签也可以嵌套,从而连续地把文字缩小。
每个<
标签都把文本的字体变小一号,直到达到下限的一号字。
sub>
标签可定义下标文本。
包含在<
标签和其结束标签<
/sub>
中的内容将会以当前文本流中字符高度的一半来显示,但是与当前文本流中文字的字体和字号都是一样的。
无论是<
标签还是和它对应的<
sup>
标签,在数学等式、科学符号和化学公式中都非常有用。
标签可定义上标文本。
/sup>
这个标签在向文档添加脚注以及表示方程式中的指数值时非常有用。
如果和<
标签结合起来使用,就可以创建出很好的超链接脚注。
标签呈现类似打字机或者等宽的文本效果。
标签与<
标签一样,<
标签和必需的<
/tt>
结束标签告诉浏览器,要把其中包含的文本显示为等宽字体。
对于那些已经使用了等宽字体的浏览器来说,这个标签在文本的显示上就没有什么特殊效果了。
请记住这些物理样式标签对紧接的文本产生的强烈效果。
要实现在整个文档范围内对文本显示的全面控制,请使用样式表。