在Html中书写head应该注意的一些知识
2011-01-03 阅读 61
#### 1.head标签放在什么位置上。
head 标签 -- 代表HTML文档的头信息 ,head标签是成对出现的
出现的位置如下实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
</body>
</html>
```
2.head中常用的标签。
头(head)包含了当前文档的一些信息,例如标题信息,meta信息等,正常情况下头信息是不会显示在HTML文档中的. head元素包含的标签:
2.1 title标签
2.2 base标签
2.3 link标签
2.4 style标签
2.5 script标签
2.6 meta标签
3.head标签中的元素的先后顺序。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>head学习</title>
<meta http-equive="Pragma" content="no-cache">
<meta name="description" content="惠邻网 (huilinwang.com)致力于高质量程序代码的定制开发" />
<meta name="keywords" content="head,惠邻网" />
<Meta name="Robots" Content="all">
<link type="text/css" rel="stylesheet" href="./reset.css" />
<link type="text/css" rel="stylesheet" href="./main.css" />
<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./time.js"></script>
<style type="text/css">
h3{color:#ccc;font-size:12px;}
</style>
</head>
<body>
<h3>head 学习</h3>
</body>
</html>
```
从上面的例子中,可以看到
a.这是先设置用什么编码来解析html文档,本例中是用UTF-8来解析html文档。
一般建议先设置用什么编码来解析html文档,然后再设置title等信息,这样浏览就知道用什么编码去解析html文档了。
b.在引入外部的初始化reset.css时,应该把它放在其它的css前面,这样才能超到初始化的作用。
4.head中嵌入css , js等的一般格式。
4.1引入外部css文件的标准格式是:
<link type="text/css" rel="stylesheet" href="./main.css" />
```
4.2引入外部js文件的标准格式是:
<script type="text/javascript" src="./time.js"></script>
```
5.head对浏览器,搜索引擎的意义。
title 标签
Title页面标题,显示在浏览器的标题栏上,把它放在description 与 keyword前。
标签中间要放上你网站的关键词,title标签在搜索引擎的搜索中占有非常重要的地位(绝不能忽视)。
最好是把它放在其他meta标签前,这更有利于你网站的排名。
(注意:有些搜索引擎会按title标签的字母的优先权进行排名,尽量在你的title中使用开始的字母)title标签是人们在搜索引擎中第一个看到有关你网站的描述,所以尽量把它弄得简单、明了。让人一看就知道你的网站是关于什么的。
description标签
Description标签就在title后面,该标签可以是一小段(一个或者两个句子)。
用于描述你网站。与title标签一样,这也是人们在搜索引擎列表中链接到你网站的点击。
很多搜索引擎允许描述的字数在150个左右,所以你要保证你的描述在150以下,否则搜索引擎会自动把多余的部分剪去从而造成你网站的描述的不完整。
搜索引擎认为描述里的关键字远比网页中的内容要重要(好像现在这种情况不是那么明显了)。真如上所述,这里提供了非常重要的信息:确定你的描述能正确的反映你网站的主题,尽量在描述中加入你主要的关键字,越靠meta的关键字意义越大。这样会突显你的关键字。
现在大多的搜索引擎(google除外)都会支持Description标签。如果你不使用的话你将会失去排名靠前的可能。
keyword 标签
相比于description与title标签,keyword标签显得并不是那么重要了。有些搜索引擎把它完全地忽略,但是使用下正确的keyword标签对提高排名仍然有一定作用。
除了搜索引擎外,一般情况下人们是看不到的。keyword标签是一个隐藏的标签,向搜索引擎提供了一组与你的页面有关的的关键字或关键短语列表。
你可以用相应的工具找出一系列适用于你网站的关键字。(注意:关键字标签中只能包括与你本页内容相关的关键字列表。所有在这里的关键字必须与页面的内容相联系。)
提示:在你每一个页面中组织相关的关键字,每个页面必须专注于不同的产品或者内容。在标签中列满关键字对于提高你网站的排名并没有好处。
多个关键字间用逗号用隔,逗号表示是逻辑“或”的意思。空格表示逻辑“与”。这是正式在keyword标签中描述关键字必须的。
尽管如此,很多搜索引擎也会把关键字间以空格分开以达到能搜索出更相关的结果的目的。这样做的意义是,搜索引擎会把空格分开的关键字根据一定的方式自由组合。可以尝试用两种方法,看哪一种更加适合你。
html head
更新于 2023年03月28日