欢迎访问码农素材网

QQ交流群:569605755

首页 > 网站教程 > 图文教程图文教程

HTML中head标签中有哪些标签元素

作者:码农站长  来源:互联网  浏览:  发布时间:2017-09-05

HTML头部标记是<head>,主要包括页面的一些基本描述语句,以及css和JavaScript,一般都可以定义在头部元素中。它用于包含当前文档的有关信息,例如网页标题和关键字等。通常位于头部的内容都不会在网页上直接显示,而是通过另外的方式起作用。在<head>标记中可以使用的标记不多,包含的一些常见的如<title>、<base>、<link>和<meta>等标记,<head>与</head>之间必须有<title>。

<title>元素

编写每个页面时,应该给其定义一个标题。HTML文件的标题使用<title>元素,<title>是<head>元素的子元素,将内容显示在浏览器的标题栏中,用以说明文件的用途,也可以作为浏览器中书签的默认名称。每个HTML文档都应当有标题,在浏览器者保存该网页后成为保存后网页的文件名。另外,搜索引擎咋收录该页面时,将网页标题作为搜索的关键字,并将其在搜索引擎页面中作为标题显示。基本语法格式如下所示:

 

<title>网站源码,素材大全,网站js特效-码农素材网</title>    <!--在头部的标题标记-->

 

使用合计描述站点内容的标题是非常重要的。例如,站点的主页面不应当只使用“网站首页”标注,而是应当采用能够描述站点内容的语句,通常都是“公司名称+公司产品”。对于优秀的页面标题,访问者在阅读它之后就应当能够了解该页面的内容,而不是需要查看页面的实际内容。<title>元素中只能包含关于页面标题的文本,而不能包含其他任何元素。

<base>元素

当浏览器遇到相对URL时,<base>实际上是将相对URL转换为完整的绝对URL。<base>元素允许用户指定页面的基URL,这样当浏览器遇到相对URL时,将在他们的前面加基URL。在网页文档中所有的相对地址形式的URL都是相对于这里定义的基URL而言的。例如,如果在<base>中指定基URL为http://www.mnscw.com.cn,那么在网页中出现的相对连接“test.html”将对应http://www.mnscw.com.cn的页面。因此如果网页位置发生变化,可以通过修改<base>来修改这一变化。一篇文档中的<base>标签最多只能有一个,而且必须放于头部,并且应该在任何包含URL地址的语句之前。基本语法格式如下:

 

<base href="URL" target="WINDOW_NAME" />    <!--在头部定义的基底网址标记-->

 

<link>标签

 <link>标签可用于创建到css样式表的连接,时钟是空元素,用于描述两个文档之间的连接关系,一个最有用的应用就是外部层叠样式表的定位。浏览器会分析<link>中的内容,自动读取并加载相应的文件。基本语法格式如下所示:

 

<link rel="stylesheet" type="text/css" href="tyle.css" />    <!--在头部连接css文件位置-->

 

<meta>元素

通过<meta>标记的属性来定义文件信息的名称、内容等等。这个标记是实现元数据的主要标记,它能够提供文档的关键字、作者、描述、编码和语言等多种信息,在HTML的头部可以包括任意数量的<meta>标记。通过该标记中的http-equiv、name、content属性,可以建立多种多样的效果和功能。基本语法格式如下所示:

 

<meta name="某个设置值" content="对设置值进行具体补充说明的信息" />

<meta http-equiv="某个设置值" content="对该设置值进行具体补充说明的信息" />

 

下列给出一段包含<head>标记的源代码,其中包括标题、关键字、描述、作者、版权、编码、<base>路径、css样式表、js文件等信息:

 

<head>

<title>网站源码,素材大全,网站js特效-码农素材网</title>

    <meta name="keywords" content="网站源码,js源码,素材网">

    <meta name="description" content="码农素材网,提供大量完整好用的素材源码,这里有最专业的程序员团队,专注网站前端,PHP,SEO优化,等技术。从实践中提取经验,让源码素材更懂程序员!">

    <meta name="author" content="mnscw Team">

    <meta name="copyright" content="2006-2017 mnscw">

<meta http-equiv="content-type" content="text/html"; charset="utf-8">

<base href="http://www.mnscw.com.cn" target="_blank" />

    <link rel="archives" title="码农素材网" href="archiver/">

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

    <script src="js.js" type="text/javascript"></script>

</head>

 

以上是头部信息的一些基本用法,其中最重要的就还<title>标记和<meta>中的Keywords和Description属性的设定。因为这两个语句可以让搜索引擎更准确地发现你,吸引更多的人访问你的站点。根据现在流行搜索引擎的工作原理,搜索引擎先派机器人自动在www上搜索。当发现新的网站时,便于检索页面中的Keywords和Description,并将其加入到自己的数据库,然后再根据关键词的密度将网站排序。

 

head标签

上一篇:什么是响应式网站,响应式网站怎么写?下一篇:如何在虚拟机上环境搭建Linux

评论:

  • 匿名2017-09-07

    你说呢

评论这篇文章:
验证码: