相关标签title和link

HTML <title> 标签

定义和用法

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

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

属性 描述 DTD
dir
  • rtl
  • ltr
规定元素中内容的文本方向。 STF
lang language_code 规定元素中内容的语言代码。 STF
xml:lang language_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.

属性 描述 DTD
charset charset 定义被链接文档的字符编码方式。 STF
href URL 定义被链接文档的位置。 STF
hreflang language_code 定义被链接文档中文本的语言。 STF
media
  • screen
  • tty
  • tv
  • projection
  • handheld
  • print
  • braille
  • aural
  • all
规定被链接文档将显示在什么设备上。 STF
rel
  • alternate
  • appendix
  • bookmark
  • chapter
  • contents
  • copyright
  • glossary
  • help
  • home
  • index
  • next
  • prev
  • section
  • start
  • stylesheet
  • subsection
定义当前文档与被链接文档之间的关系。 STF
rev
  • alternate
  • appendix
  • bookmark
  • chapter
  • contents
  • copyright
  • glossary
  • help
  • home
  • index
  • next
  • prev
  • section
  • start
  • stylesheet
  • subsection
定义被链接文档与当前文档之间的关系。 STF
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
定义在何处加载被链接文档。 TF
type MIME_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")



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值