html中head标签中都放哪些内容
html中head标签中的内容定义和用法标签用于定义文档的头部，它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。下面这些标签可用在 head 部分： 标签">,,标签"
定义和用法
<head> 标签用于定义文档的头部，它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
<title> 定义文档的标题，它是 head 部分中唯一必需的元素。
HTML <base> 标签
定义和用法
<base> 标签为页面上的所有链接规定默认地址或默认目标。
通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
<base>中的target，将指定页面中所有链接的打开方式。
实例
<head>
<base href="http://www.w3school.com.cn/i/"/>
<basetarget="_blank" />
</head>
<body>
<img src="eg_smile.gif" />
<ahref="http://www.w3school.com.cn">W3School</a>
</body>
HTML <link> 标签
定义和用法
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
实例
链接一个外部样式表：
<head>
<linkrel="stylesheet" type="text/css" href="theme.css"/>
</head>
引入一个外部的js文件
<script type=”text/javascript” src=”js/script.js”></script>
HTML <meta> 标签
定义和用法
<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。
<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。
这个才是我想要的东西，它的样例如下。
先看属性
| 属性 | 值 | 描述 | DTD |
| 把 content 属性关联到 HTTP 头部。 | STF | |
| 把 content 属性关联到一个名称。 | STF | |
| some_text | 定义用于翻译 content 属性值的格式。 | STF |
样例：
1，文档描述
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<meta name="author" content="w3school.com.cn">
<meta name="revised" content="DavidYang,8/1/07">
<meta name="generator" content="Dreamweaver8.0en">
2，文档关键字
<meta name="description" content="HTMLexamples">
<meta name="keywords" content="HTML, DHTML, CSS,XML, XHTML, JavaScript, VBScript">
3，重定向
<meta http-equiv="Refresh"content="5;url=http://www.w3school.com.cn">
定义title标签前显示的小图标
在线ico图标制作工具使用说明
1. 原始图片必须为jpg、jpeg、gif、png格式之一
2. 原始图片文件大小<300k。
3. 建议:原图的长和宽相同，以避免转换后生成的ico图标因缩放而失真。
4. 点击＂浏览＂按钮上传本地图片，再点＂点此生成图标＂即可。
如何使用Favicon.ico？
1. 将成功生成的图标文件下载并改名为favico.ico，上传到网站根目录。
2. 在网站首页的源文件<head></head>之间插入下面的斜体部分代码<head> ……<linkrel="shortcut icon" href="favicon.ico"></head>
3.动态ico图标的实现方法，先把做好的gif动态图标命名为favico.gif<head></head>之间加上： <linkrel="icon" href="favicon.gif" type="image/gif">
网站前端使用代码（小技巧）
1：进入网页时淡入淡出的效果。
<metahttp-equiv=”Page-Exit”; content=”blendTrans(Duration=1.0)”>
在头部head之间加入此代码，你会发现点击链接的时候，网页现实的是淡入淡出的效果。此代码含义如下：Page-Exit”（离开网页）、”Site-Enter”（进入站点）、”Site-Exit”（离开站点）其中”Duration=1.0″可以设定每个周期的时间为多久，单位是秒（现在设置的是每周期1秒）。
2：把滔滔（微博客）完美放到你的博客中。试用于各种程序语言。演示见本站公告.红色部分注意事项：改成你的QQ号。 1就是只显示一条信息。这是JS文件路径。下载地址：http://www.lusongsong.com/reed/dkapi.js
<scripttype=”text/javascript”>var taotao_qq=13340454; var taotao_num=1;vartaotao_type=0;</script><script type=”text/javascript” charset=”utf-8″src=”reed/dkapi.js”></script>
3：彻底屏蔽鼠标右键。此段代码加入<body>区域。
<body οncοntextmenu=”window.event.returnValue=false”>
4：此段代码加入<body>区域将取消选取、防止复制。
<body onselectstart=”return false”>
5：不准粘贴。 此段代码加入<body>区域
<body οnpaste=”return false”>
6：防止网站被扒皮。上次卢松松讲了一个方法是给网站“扒皮”，如何防止网站被扒皮呢？加入以下代码就可以了，网页将不能被另存为
<noscript><iframe src=”/blog/*.html>”;</iframe></noscript>
7：脚本永不出错,如果您的浏览器提示您的网址JS脚本出错，但检测了一遍没发现错误，就可以使用一下代码：
<SCRIPT LANGUAGE=”JavaScript”><!– Hidefunction killErrors() {return true;}window.onerror = killErrors; // –></SCRIPT>
8：在规定时间内跳转，意思就是5秒后自动跳转到该页面下，适合做404网页。
<META http-equiv=V=”REFRESH” content=”5;URL=http://www.lusongsong.com”>
9：可防止复制，此段代码加入<body>区域
<bodyοncοpy=”return false;” oncut=”return false;” >
10. 防止被人frame。例：有些网址导航站收录您的网址之后，不会直接跳转到你的网站，而是加载到他的网页中，这样不会给你的网站产生任何IP和PV。如果您不希望这样，那么请加入此段代码。
<SCRIPT LANGUAGE=JAVASCRIPT><!– if (top.location !=self.location)top.location=self.location;// –></SCRIPT>
11：页面自动刷新，把如下代码加入 <head> 区域中其中20指每隔20秒刷新一次页面. 可用户增加文章点击率，这是作弊行为。
<meta http-equiv= “refresh ” content=“20 “>
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
14
0- 0
已为社区贡献1条内容
所有评论(0)