关注联楷|返回首页 | 网站案例 | 帮助中心

合作共赢、快速高效、优质的网站建设提供商

上海网站建设 

服务热线:021-61394118

上海联楷科技

网站强调标签em、变量标签var与事件属性

作者:佚名   时间:2014-01-27   分享到:

网站强调标签<em>、变量标签<var>与事件属性
    <em>标签告诉客户端浏览器把其中包含的文本表示为强调的内容。对于几乎所有浏览器来说,这意味着要把这段文字用斜体来显示。例如,一般的浏览器会将下面这段HTML/XHtml源代码的“always”和“never”用斜体来显示,以示强调:Kumquat growers must <em>always</em> refer to kumquats as"the noble fruit,"<em>never</em> as just a "friuit."在文本中加入强调也需要有技巧。如果强调得太少,有些重要的短语就会被漏掉;如果强调的太多,就无法真正突出重要的部分。这与调味品一样,最好还是不要滥用强调。尽管现在<em>标签修饰的内容都是用斜体字来显示,但这些内容与具有更广泛的含义,将来某一天,浏览器也可能会使用其他的特殊效果来显示强调的文本。如果你只想使用斜体字来显示文本的话,请使用<i>标签。除此之外,文档中还可以包括用来改变文本显示的级联样式定义。除强调以外,当引入新的术语或在引用特定类型的术语或概念时作为固定样式的时候,也可以考虑使用<em>标签。例如,O‘Reilly公司的书籍样式中,有一种就是对文件和设备的名称运用特殊的格式。<em>标签可以用来把这些名称和其他斜体字区别开来。
<kbd>标签
    说到技主概念上的特殊样式时,就是提到<kbd>标签。正如你可能已经猜到的那样,它用来表示文本是从键盘上键入。浏览器通常用等宽字体来显示该标签中包含的文本。<kbd>标签经常用在与计算机相关的文档和手册中,如下所示:
Type <kbd>quit</kbd> to return to the main menu.<samp>标签<samp>标签表示一段应该对其没有什么其他解释的文本字符。要从正常的上下文抽取某些字符时,通常就要用到这个标签。例如Netscape对下面源代码的显示

The <samp>ae</samp> character sequence may be converted to the&aelig; ligature if desired.
用<samp>标签分离出样本文本在HTML中,用于“ae”连字的特殊实体是“&aelig;”,大多数浏览器都会将它转换成相应的“ae”连字字符。<samp>标签并不经常使用。只有在要从正常的上下文中将某些短字符序列提取出来,对它们加以强调的极少数情况下,才使用这个标签。
<var>标签
    <var>标签是计算机文档中应用的另一个小窍门,它表示的是变量的名称,或者由用户提供的值。这个标签经常与<code>和<pre>标签一起使用,用来显示计算机编程代码范例及类似方面的特定元素。用<var>标签标记的文本通常显示为斜体,在internet Explorer中显示了下面的例子:
The user should type<pre>
cp <var>source-file</var> <var>drst-file</var></pre>replacing the <var>source-file</var> with the name of the source file.and <var>dest-file</var> with the name of the destination file.
    <var>标签通常出现在预先格式化过(<pre>)的计算机代码中就像其他与计算机编程和文档相关的标签一样,<var>标签不只是让用户更容易理解和浏览你的文档,而且将来某些自动系统还可以利用这些恰当的标签,从你的文档中提取信息以及文档中提到的有用参数。我们再一次强调,提供给浏览器的语义信息越多,浏览器就可以越好地把这些信息展示给用户。classstyle/id和title属性虽然每一个基于内容的标签都有其默认的的显示样式,但我们还是可以通过自己定义每一个标签的外观,来取代原来的样式。通过style或者class属性可以将新外观应用于基于内容的标签上你还可以给基于内容的样式标签分配一个惟一标识符(id),以及一个不那么严格的title,使用它们相应的属性和各自括在引号里面的字符串值即可。dir和lang属性dir属性建议浏览器以什么方向显示基于内容的样式标签中包括的文本,lang属性则指定了这个飘洋过海签所使用的语言。事件属性在基于内容的标签内容中或者其周围发生事件,并且分别具有“on”属性和相应的值时,你可以对那些事件做出反应,例如显示一个用户对话框,或者播放一段多媒体等。



如没特殊注明,文章均为上海联楷网络原创,转载请注明来自:http://www.linksj.com/news/20151229/n6641.html

上海联楷网络新闻