管理进化

html头部什么意思


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

一、 概述

head元素比较特殊,只有一些特定的标签才允许放在 <head> 标签内,它们分别是 <title>、<base>、<meta>、<scirpt>、<link>、<style>

<title>标签

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

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

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

<base>标签

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

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

<!DOCTYPE html>

<html>

<head>

<base href="http://www.waibo.wang/" target="_blank" />

</head>

<body>

<a href="http://www.yangxin.wang/ ">首页</a>

<a href="bbs/index.html" target="_self ">论坛</a>

</body>

</html>

<meta>标签

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

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

<head>

<meta name="keywords" content="HTML, CSS, RWD" />

<meta name="description" content="Study HTML, CSS, RWD for free" />

<meta name="robots" content="all" />

<meta name="author" content="歪脖网, www.waibo.wang" />

<meta name="copyright" content="创意共享,只要保持署名和非商用,可以自由转载" />

</head>

二、 脚本

在HTML文档中,可以通过Javascript 脚本主要用来定义特殊的行为,但Javascript并不是必需的。

大多数情况下,Javascript 都是在由HTML和CSS 构建的核心体验的基础上,增强访问者的体验,主要用来增强页面的交互性,如实现表单验证、动态显示隐藏内容、加载数据并动态地更新页面、操作 audio 和 video 元素控件等等。

HTML文档中,有两个用于标识脚本的元素,它们是 script 元素和 noscript 元素:

1、script 元素

script 元素既可以直接在页面中嵌入Javascript脚本,也可以从外部文件加载脚本。

一个HTML文档,也支持多个 script 元素。这种方式定义的脚本,只对本文档有效,并且脚本代码需要放在HTML文件,而不是脚本文件中,脚本通常会散落在多个地方,不便于维护,也容易出错。所以,不推荐使用这种方法。

2、加载外部脚本

通过 script 元素的 src 属性指定外部脚本文件的URL,可以把外部脚本加载到本HTML文档中。URL可以是绝对路径,也可以是相对路径。相对路径是相对本HTML文档而言的。

在一个HTML文档中,可以添加多个 script 元素,让它们分别指向不同的脚本文件,就可以为一个网页载入多个脚本文件。当加载外部脚本时,script 元素必须是空元素,即在开始和结束标签之间不得有任何内容。


最后,推荐我们的管理工具给大家。

智齿客服