HTML之头头部的实现案例

  介绍

这篇文章主要介绍了HTML之头头部的实现案例,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

<强>

头元素用于定义文档的头部信息,出现在& lt; head>……& lt;/head>标签之间的内容,是文档的头部信息。头部定义的内容不会在浏览器窗口的正文部分显示出来。

头元素比较特殊,只有一些特定的标签才允许放在& lt; head>标签内,它们分别是& lt; title> & lt; base>, & lt; meta> & lt; scirpt> & lt;每日& lt; style>接下来对这些标签进行分别介绍。

<强> & lt; title>标签

& lt; title>标签的唯一作用,就是定义页面的标题,标题是对当前页面核心内容的一个简短的,概括性描述。如:

& lt; title>你好世界!& lt;/title>

在大多数浏览器中,页面的标题被显示在浏览器窗口或标签页的标题栏,还会出现在访问者浏览历史列表和书签中。

更重要的是,搜索引擎会通过页面的标题来大致了解页面的内容,并将页面的标题作为搜索结果中每一个条目的链接文本,也是判断搜索结果中页面相关度的重要因素,因此,页面标题是SEO的重要内容,一个好的页面标题可以提升搜索引擎的结果排名,并能获得更好的用户体验。

<强> & lt; base>标签

& lt; base>标签是一个单标签,它为页面上的所有链接规定默认地址和默认目标窗口,并通过href,属性设置默认URL地址,通过目标属性设置默认目标窗口。

规定默认地址或默认目标窗口后,点击页面上的任何链接时:对未带http的链接,浏览器会在地址前插入基地中href设置的URL地址;对未设置目标属性的链接,会按基地中目标设置的目标打开窗口。如:

& lt; !DOCTYPE html>   & lt; html>   & lt; head>   href=https://www.yisu.com/zixun/県ttp://www.abc.wcom & lt;基地   身体<>   首页   论坛   身体   

上述代码中,表示在新窗口打开链接。

"首页”的链接带有http、未设置的目标,会在新窗口打开新网站。“论坛”的链接未带http,但设置了目标属性,会在地址前插入http://www.abc.com/

& lt; base>标签的主要作用,是确保网页中所有的相对URL都可以被解析为正确的地址,以便在文档被移动的情况下,所有的相对URL都能够被正确解析。

<强> & lt; meta>标签

& lt; meta>标签又叫“元数据标签”,是网页头部的一个辅助性标签,用于为网页定义元数据(元数据)信息,一般用来定义页面的关键字,页面的描述等。

& lt; meta>标签提供的信息对用户不可见,也不会显示在页面上,但却对搜索引擎可见,可以方便搜索引擎蜘蛛搜索到这个页面上的信息,因此,这些信息都是SEO的重要内容,可以大大提高网站被搜索引擎搜索到的可能性。

& lt; meta>标签共有两个重要属性,分别是名字属性和http-equiv属性,并通过名字或http-equiv属性来指定元数据的类型,通过内容来指定元数据的内容,不同的元数据实现了不同的网页功能。

1,名字属性

名称属性主要用于描述网页,最常见的就是描述网页的关键字,网页内容描述,搜索引擎向导,作者,版权声明等,以便搜索引擎对网页的信息进行查找和分类。如:

& lt; head>   & lt;元名称=発eywords"内容=癏TML、CSS RWD"/比;   & lt;元名称=癲escription"研究内容=癏TML、CSS RWD free"/比;   & lt;元名称=皉obots"内容=癮ll"/比;   & lt;元名称=癮uthor"内容=巴岵蓖鴚ww.waibo.wang"/比;   & lt;元名称=癱opyright"内容=按匆夤蚕?只要保持署名和非商用,可以自由转载“;/比;   & lt;/head>

名称属性的主要取值及功能见表1 ?1:

表1 ?1名属性的取值及功能

 HTML之头头部的实现案例

2, http-equiv属性

顾名思义,http-equiv就相当于HTTP头部的作用,用于向浏览器提供一些有用的信息,以帮助浏览器正确和精确地显示网页内容。

http-equiv属性主要用定义网页的编码字符集,刷新频率,网页的有效期等:

1)网页的编码字符集

在HTML4中,通过内容类型属性值来指定文件的媒体格式类型(MIME类型)和所使用的编码字符集,浏览器将以此来决定以什么形式,什么编码来读取这个文件,并显示文件的内容。

HTML文件的MIME类型固定为text/HTML,而编码字符集可以根据需要来指定。如:

HTML之头头部的实现案例