Html网页页面head区规范知识

最新推荐文章于 2021-05-31 09:06:20 发布

前端学习线路

最新推荐文章于 2021-05-31 09:06:20 发布

阅读量2.8k

点赞数

分类专栏：前端学习线路文章标签： html5 html css css3

本文链接：https://blog.csdn.net/webxuexi168/article/details/104433764

版权

前端学习线路专栏收录该内容

150 篇文章 1 订阅

订阅专栏

本文详细介绍了HTML页面<head>区域的规范设置，包括必备的字符集、网页标题、作者信息、描述、关键词等元标签，以及可选的网页过期时间、缓存控制、框架调用等设置。此外，还提及了JavaScript外部调用和body标签的背景色设定。

摘要由CSDN通过智能技术生成

head区是指首页HTML代码的<head>和</head>之间的内容。

　　必须加入的标签

　　1.公司版权注释
　　

　　2.网页显示字符集
　　简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
　　繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
　　英语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

　　3.网页制作者信息
　　<META name="author" content="Evance">

　　4.网站简介
　　<META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">

　　5.搜索关键字
　　<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

　　6.网页的css规范
　　<LINK href="style/style.css" rel="stylesheet" type="text/css">

　　7.网页标题
　　<title>xxxxxxxxxxxxxxxxxx</title>

新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。

　　可以选择加入的标签

　　1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
　　<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 2006 08:21:57 GMT">

　　2.禁止浏览器从本地机的缓存中调阅页面内容。
　　<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

　　3.用来防止别人在框架里调用你的页面。
　　<META HTTP-EQUIV="Window-target" CONTENT="_top">

　　4.自动跳转。
　　<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.webjx.com">，5是指时间停留5秒。

　　5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
　　<META NAME="robots" CONTENT="none">
　　CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

　　6.收藏夹图标
　　<link rel = "Shortcut Icon" href="favicon.ico">

　　所有的javascript的调用尽量采取外部调用.
　　<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

　　附<body>标签：
　　<body>标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景　　<body bgcolor="#FFFFFF">