html基础(13)-html头部信息(Head)

发布时间:2020-06-27编辑:脚本学堂
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">


有关CSS外部样式表和,详见CSS简介。

样式(style)
用样式(style)可以设值网页的内部样式表(internal style sheet)。代码如下:
复制代码 代码示例:
<head>
<style>
   body {background-color:white; color:black;}
   h1 {font: 18pt arial bold;}
</style>
</head>
 

有关CSS内部样式表和,详见CSS简介。

关于网页信息(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.jb200.com/pagejc">