在HTML网页头部添加一些属性的重要性

网页

HTML和XHTML都有一个结构,它使网页作者可以增加于HTML文档相关的额外信息。这些额外资源可以是样式化信息(CSS)、导航助手、属于另外形式的信息(RSS)、联系信息等等。

LINK元素(link)用来在你的文档头部的<head>元素区增加这些元素。

让我们来看看一个实际的例子,一个天文学网站的一个页面。这个页面关于地球在太阳系中的位置。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Earth - Astronomy Weblog</title>

HTML文档的经典开始。

<link rel="Start" href="/solar-system/" />
<link rel="Prev" href="/solar-system/venus/" />
<link rel="Next" href="/solar-system/mars/" />

这些连接为某些用户端的导航提供帮助。

Start提供位置的开始点
Prev提供前一个项目,这里是金星
Next提供下一个项目,这里是火星

<link rel="Contents" href="/solar-system/contents.html" />

Contents指出这个位置的索引

<link rel="Help" href="/website-help.html" />

Help提供连接到帮助访问者使用你的网站的页面的能力。

<link rel="alternate" type="application/rss+xml" title="RSS"href="/updates.rdf" />

它使得RSS阅读器能够找出网站更新回馈。注意,现在这样的写法,applications/rss+xml的MIME类型仍然是applications/rss+xml媒体类型的草稿,而且尚未被IETF接受。

<link rel="meta" type="application/rdf+xml" title="FOAF" href="http://astro.example.org/foaf.xrdf" />

它使得FOAF阅读器能够找出文档的元数据,可能是作者。注意,现在这样的写法,application/rdf+xml尚未被IETF接受,而且再也不会有进展自从最后一条提案通过后。

<link href="mailto:webmaster@webjx.com" rev="made" />

一个联系网站作者的方法

<link rel="stylesheet" type="text/css" media="screen" href="/style/astro.css" />

指定CSS来表现你的网站。比如,在这个连接里面,我们已经指出这个样式表是给屏幕显示器的。我们还可以有其他媒体的其他样式表。

<link rel="alternate" href="/solar-system/earth.fr" hreflang="fr"title="French Translation" />

它给出这个文档另一种语言翻译的入口,这个案例中是法语。

</head><body>.... Here the rest of the page.

它关闭头部区域,开始主体区域。

这些连接被用户端(浏览器)和其他程序来帮助人们使用你的网站。

时间: 2024-12-29 08:21:55

在HTML网页头部添加一些属性的重要性的相关文章

网页头部属性设置技巧

技巧|网页 很多时候,我们在做主页时会忽略了网页头部属性的设置.网页头部属性是指 Html 文件中被Head> 标识符所作用的区域,Html 文件的头部信息包括了对当前文件一些信息的收集,对 <Head> 区的属性进行修改后,不会直接影响到该文件的视觉效果.但通过对其进行设置,将使我们的主页制作过程更加规范.使用更方便. 现在就让我们来看看如何设置一些主页的头部属性: 1.META标识符 META标识符是主页头部元素用以记录当前页面的一些重要信息,例如网页的字符集.作者.版本.网页关键字

CSS3实例教程:盒模型添加阴影属性box

文章简介:我们要对盒模型添加阴影怎么办呢?其实它的用法与text-shadow用法一样,只不过属性名称是box-shadow. 我们要对盒模型添加阴影怎么办呢?其实它的用法与text-shadow用法一样,只不过属性名称是box-shadow. 相关文章:CSS3教程:网页文字阴影属性text-shadow box-shadow: 此属性与text-shadow一样有4个值,前两个值分别表示水平方向位移距离和垂直方向的位移距离,第三个值表示阴影的模糊半径(包含0及以下的值均表示无模糊),最后一个

修改wordpress技巧:给WP的友情链接添加nofollow属性

文章简介:给WordPress友情链接添加Nofollow方法详解. 建博客的初期,交换友情链接是个不错的获得高质量链接的途径.但是,有时候虽然对方的网站给你个链接,却给你的友情链接加了Nofollow属性,相信了解nofollow标签的童鞋都知道Nofollow是一个HTML标签的属性值.这个标签的意义是告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接". 所以个人不赞成给wordpress博客的links也就是我们说的友情链接添加nofollow属性

HTML网页头部代码全接触

 对于刚刚开始学习HTML的新手而言,了解网页头部代码是非常必要的.       以下所有代码全是在<head>...</head>之间,具体内容有:       1.<title>-</title>       标题元素,帮助用户更好识别文件,有且只有一个.当作为首页或收藏时做文件名.       2.<link>-</link>       显示本文档和其它文档之间的关系:<link rel="stylesheet

网页头部信息优化

很多时候,我们在做主页时会忽略了网页头部属性的设置.网页头部属性是指 html 文件中被 <head> 标识符所作用的区域,html 文件的头部信息包括了对当前文件一些信息的收集,对 <head> 区的属性进行修改后,不会直接影响到该文件的视觉效果.但通过对其进行设置,将使我们的主页制作过程更加规范.使用更方便. 现在就让我们来看看如何设置一些主页的头部属性: 1.meta标识符 meta标识符是主页头部元素用以记录当前页面的一些重要信息,例如网页的字符集.作者.版本.网页关键字等

电脑中通过修改注册表解决网页无法添加到收藏夹的方法

  电脑中通过修改注册表解决网页无法添加到收藏夹的方法.最近有不少用户反映在电脑中出现了无法添加网页到收藏夹的问题,尝试了各种方法都无法解决这个问题.对此,在接下来的内容中,小编为大家提供了一种通过修改注册表解决网页无法添加到收藏夹的方法,大家可以参考一下. 1.按Win+R打开运行,输入regedit并按回车键; 2.在注册表编辑器依次展开HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVersion/Explorer/UserShell

实战ASP(5):用ASP在WAP手机网页中添加旗帜广告

广告|网页|广告 用ASP在WAP手机网页中添加旗帜广告      在我前面那篇文章<如何结合使用WML和ASP技术编写动态手机页面>,我介绍了如何使用ASP产生动态的WML网页.在本文中,我想进一步的介绍如何利用ASP开发动态的WML网页,及其应用.其实细想一下,可以使用服务器端编程(例如ASP)开发很多很多应用程序用在WAP手机上,只要把它们直接生成WAP手机能识别的WML网页就可以了.比如说在本文中要介绍的,如何为WAP等无线设备开发一个循环式的旗帜广告系统. 图一显示了一个旗帜广告的示

asp.net为网页动态添加description描述信息的方法

  这篇文章主要介绍了asp.net为网页动态添加description描述信息的方法,涉及asp.net动态操作网页元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了asp.net为网页动态添加description描述信息的方法.分享给大家供大家参考.具体分析如下: 这段代码可以修改网页的head区的description meta ? 1 2 3 4 HtmlMeta desc = new HtmlMeta(); desc.Name = "Description&q

asp.net为网页动态添加关键词的方法

  asp.net为网页动态添加关键词的方法          这篇文章主要介绍了asp.net为网页动态添加关键词的方法,可实现动态添加keyword meta的功能,非常具有实用价值,需要的朋友可以参考下.具体如下: 这段代码可以修改网页的keyword meta ? 1 2 3 4 HtmlMeta keywords = new HtmlMeta(); keywords.Name = "keywords"; keywords.Content = "关键词";