头部标记

网页head部分的几个标记

1.meta标记

meta是元信息标记,是描述网页文档信息的标记。可以描述文档的编码方式,文档的摘要,文档的关键字,文档的刷新,都不会显示在网页上。

其中网页的摘要,关键字是为了让搜索引擎能对网页内容的主题进行识别和分类。文档刷新可设置网页经过一段时间后自动刷新或转到其他Url。

meta标记分为两类,如果它具有name属性,表示它的作用是提供页面描述信息;如果它具有http-equiv属性,其作用就变成回应给浏览器一些有用的信息。

1)Meta的name属性

keywords用来告诉搜索引擎你网页的关键字是什么。

<head>
  <meta name ="keywords" content="science, relationships, entertaiment, human">
<head>

description用来告诉搜索引擎你的网站主要内容。

<head>
  <meta name =="description" content="This page is about the meaning of science, education,culture.">
<head>

2)Meta的http-equiv属性

自动刷新:网页经过30秒后自动刷新。

<head>
  <meta http-equiv="Refresh"content="30"7>
<head>

跳转到其他URL:网页经过10秒后转到其他URL。

<head>
  <meta http-equiv="Refresh"content="10;URL=http://www.hyit.edu.cn">
<head>

2.link标记

link标记的作用是显示本文档和其他文档之间的联系。

1)用来链接外部CSS文件

<head>
  <link href="../../../Styles/Scss.css" rel="stylesheet" type="text/css" />
</head>

2)链接一个图标文件.ico用来改变浏览器地址栏的图标

<head>
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
</head>

3.style标记

style标记是专用于在网页头部嵌入CSS代码的标记。下例嵌入了一段CSS代码。

<head>
  <style type="text/css">h1{font-size:12px}</style/>
</head>

4.script标记

script标记是用于嵌入脚本(如javascript)或链接外部脚本文件(src属性)的标记,它既可位于网页头部,也可位于网页body部分。下例链接了一个外部js文件。

<head>
  <script src="../../../Scripts/JqueryEasyUI/jquery-1.4.4.min.js" type="text/javascript"></script>
</head>

5.base标记

base标记为插入网页基链接属性,下列可使网页中的超链接的URL底之前都加上这个链接基准。

<head>
  <base herf="news/"/>
</head>

6.title标记

title标记是网页标题标记,该标记中的内容将显示在浏览器窗口的标题栏上

<head>
  <title>网站开发</title>
</head>

©版权所有: 淮安深度人工智能科技有限公司2020, 备案号:苏ICP备2020056902号-2 | 技术支持:淮阴工学院计算机与软件工程学院《Web开发技术》教学团队