欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » HTML教程 » 正文

HTML头部信息(Head)

创建时间:2011年07月11日 00:54  阅读次数:(5237)
分享到:

HTML头部信息(head)里包含关于所在网页的信息。头部信息(head)里的内容,主要是被浏览器所用,不会显示在网页的正文内容里。

另外,搜索引擎如google,yahoo,baidu等也会查找你网页中的head信息。为了让搜索引擎能够收录你的网页,你也要填写适当的head信息。(网站被搜索引擎收录,还有其它的方法,比如被其它网站链接,这里不赘述,请浏览搜索引擎网站。)

下面说几个常用的head信息里的html元素,如标题(title),链接(link),样式(style)以及关于信息(meta)。


标题(title)

标题(title)是最常用的head信息。它不显示在HTML网页正文里,显示在浏览器窗口的标题栏里。

示例代码如下:

<head><title>HTML中文教程头部信息(head)之标题(title)说明</title></head>


链接(link)

用链接(link)可以建立和外部文件的链接。常用的是对CSS外部样式表(external style sheet)的链接。示例代码如下:

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


样式(style)

用样式(style)可以设值网页的内部样式表(internal style sheet)。示例代码如下:

<head>

<style>

body {background-color:white; color:black;}

h1 {font: 18pt arial bold;}

</style>

</head>


关于网页信息(meta)

在计算机语言里,你经常可以看到一个前缀 -- meta,meta就是"关于"(about)的意思。

这meta解释起来比较拗口,比如metadata,意为描述data的data,英文即data about data。还有一个词叫metalanguage,表示一种描述其它语言的语言。再举一个例子,metafile,表示描述其它文件的文件。

在HTML里,meta标记(meta tags)表示用来描述网页的有关信息。示例代码如下:

<meta name="description" content="HTML中文教程之头部信息">

<meta name="keywords" content="HTML,tutorials,source codes">

<meta name="author" content="布啦布啦">


利用meta中的Refresh你还可以实现自动跳转页面的功能。示例代码:

<meta http-equiv="Refresh" content="5;url=http://www.lmwlove.com/html_tutorials/index.html">

来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 24+68=? 的结果(结果是:92)
结  果: