相关标签title和link

来源:互联网 发布:天交所软件 编辑:程序博客网 时间:2024/06/02 21:10

HTML <title> 标签

定义和用法

<title> 元素可定义文档的标题。

浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。

属性值描述DTDdir
  • rtl
  • ltr
规定元素中内容的文本方向。STFlanglanguage_code规定元素中内容的语言代码。STFxml:langlanguage_code规定 XHTML 文档中元素内容的语言代码。STF

延伸阅读:标题里是什么?

一定要选择一个正确的标题,这对于定义文档并确保它能够在 Web 上有效利用来说是十分重要的。

请记住,用户可以用任何顺序、独立地访问文档集中的每一个文档。所以,文档的标题不仅应当根据其他文档的上下文定义,而且还要显示其自身的特点。

含有文档引用排序的标题通常不是什么好标题。举个例子,像“第十六章”或“第五部分”这样的标题,对读者理解其内容方面毫无用处。描述性更强的标题,像“第十六章:HTML 标题”,或者“第五部分:如何使用标题”,这样的标题不仅表达了它在一个大型文档集中的位置,还说明了文档的具体内容,吸引读者更有兴趣读下去。

自我引用的标题也没有什么用处。像“主页”这样的标题和内容毫无关系,类似的还有“反馈页”或“常用链接”等。你应该设计一个能够传达一定内容和目的的标题,令读者凭这个标题就可以判断是否由必要访问这个页面。“HTML <title> 标签的详细信息”,这就是一个描述性的标题,类似的还有“HTML <title> 标签的反馈页”等等。

人们常常会花费大量时间去创建 Web 文档,但却经常只是因为一个不吸引人或无意义的标题,而把这些努力全都浪费掉了。当自动为用户搜集链接的特殊软件在 Web 上越来越流行时,只有网页的标题才会作为与页面相关的描述性词语,被插入到庞大的链接数据库中。因此,我们怎么强调这一点都不过分:请为自己的每个文档都认真地选择一个描述性的、实用的并与上下文独立的标题。

<html>   <head>    <title>XHTML Tag Reference</title>  </head>  <body>    The content of the document......  </body></html>

HTML <link> 标签

定义和用法

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。

可选的属性

DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset.

属性值描述DTDcharsetcharset定义被链接文档的字符编码方式。STFhrefURL定义被链接文档的位置。STFhreflanglanguage_code定义被链接文档中文本的语言。STFmedia
  • screen
  • tty
  • tv
  • projection
  • handheld
  • print
  • braille
  • aural
  • all
规定被链接文档将显示在什么设备上。STFrel
  • alternate
  • appendix
  • bookmark
  • chapter
  • contents
  • copyright
  • glossary
  • help
  • home
  • index
  • next
  • prev
  • section
  • start
  • stylesheet
  • subsection
定义当前文档与被链接文档之间的关系。STFrev
  • alternate
  • appendix
  • bookmark
  • chapter
  • contents
  • copyright
  • glossary
  • help
  • home
  • index
  • next
  • prev
  • section
  • start
  • stylesheet
  • subsection
定义被链接文档与当前文档之间的关系。STFtarget
  • _blank
  • _parent
  • _self
  • _top
  • framename
定义在何处加载被链接文档。TFtypeMIME_type规定被链接文档的 MIME 类型。STF

标准属性

id, class, title, style, dir, lang, xml:lang

注释:title 属性为被链接文档指定标题。在引用不带有标题的源(例如图像或非 HTML 文档)时,该属性非常有用。在这种情况下,浏览器会在显示被引用的文档时使用 <link> 标题。

事件属性

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

定义和用法

rel 属性规定当前文档与被链接文档之间的关系。

在下面的例子中,rel 属性指示被链接的文档是一个样式表:

<head><link rel="stylesheet" type="text/css" href="theme.css" /></head>

语法

<link rel="value">

属性值

值描述alternate文档的替代版本(比如打印页、翻译或镜像)。stylesheet文档的外部样式表。start集合中的第一个文档。next集合中的下一个文档。prev集合中的上一个文档。contents文档的目录。index文档的索引。glossary在文档中使用的词汇的术语表(解释)。copyright包含版权信息的文档。chapter文档的章。section文档的节。subsection文档的小节。appendix文档的附录。help帮助文档。bookmark相关文档。

定义和用法

type 属性规定被链接文档的 MIME 类型。

该属性最常见的 MIME 类型是 "text/css",该类型描述样式表。

实例

在下面的例子中,会在新窗口中加载被链接文档:

<head><link rel="stylesheet" type="text/css" href="theme.css" /></head>
MIME类型就是设定某种扩展名文件用一种应用程序来打开的方式类型,当该扩展名文件被访问的时候,浏览器会自动使用指定应用程序来打开。多用于指定一些客户端自定义文件名,以及一些媒体文件打开方式。


语法

<link href="value">

属性值

值描述URL

超链接的 URL。可能的值:

  • 绝对 URL - 指向另一个站点(比如 href="http://www.example.com/theme.css")
  • 相对 URL - 指向站点内的某个文件(href="/themes/theme.css")