html中head标签中都放哪些内容

最新推荐文章于 2024-09-28 12:30:56 发布

小牛要成大神

最新推荐文章于 2024-09-28 12:30:56 发布

阅读量1.7w

点赞数 14

分类专栏： HTML 文章标签： head meta

本文链接：https://blog.csdn.net/xiaoshi178488920/article/details/45894197

版权

HTML 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

html中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>

<basetarget="_blank" />

</head>

<body>

<ahref="http://www.w3school.com.cn">W3School</a>

</body>

HTML <link> 标签

定义和用法

实例

链接一个外部样式表：

<head>

<linkrel="stylesheet" type="text/css" href="theme.css"/>

</head>

引入一个外部的js文件

HTML <meta> 标签

定义和用法

这个才是我想要的东西，它的样例如下。

先看属性

属性	值	描述	DTD
http-equiv	content-type expires refresh set-cookie	把 content 属性关联到 HTTP 头部。	STF
name	author description keywords generator revised others	把 content 属性关联到一个名称。	STF
scheme	some_text	定义用于翻译 content 属性值的格式。	STF

样例：

1，文档描述

2，文档关键字

3，重定向

定义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>区域。

4：此段代码加入<body>区域将取消选取、防止复制。

5：不准粘贴。 此段代码加入<body>区域

6：防止网站被扒皮。上次卢松松讲了一个方法是给网站“扒皮”，如何防止网站被扒皮呢？加入以下代码就可以了，网页将不能被另存为

7：脚本永不出错,如果您的浏览器提示您的网址JS脚本出错，但检测了一遍没发现错误，就可以使用一下代码：

8：在规定时间内跳转，意思就是5秒后自动跳转到该页面下，适合做404网页。

9：可防止复制，此段代码加入<body>区域

<bodyοncοpy=”return false;” oncut=”return false;” >

10. 防止被人frame。例：有些网址导航站收录您的网址之后，不会直接跳转到你的网站，而是加载到他的网页中，这样不会给你的网站产生任何IP和PV。如果您不希望这样，那么请加入此段代码。

11：页面自动刷新，把如下代码加入 <head> 区域中其中20指每隔20秒刷新一次页面. 可用户增加文章点击率，这是作弊行为。