相关标签title和link

最新推荐文章于 2023-12-08 11:18:50 发布

无心流泪

最新推荐文章于 2023-12-08 11:18:50 发布

阅读量1.3k

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/wuxinliulei/article/details/11707809

版权

html 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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> 标签

定义和用法

可选的属性

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"）