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

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>

<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

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,文档描述

<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。例:有些网址导航站收录您的网址之后,不会直接跳转到你的网站,而是加载到他的网页中,这样不会给你的网站产生任何IPPV。如果您不希望这样,那么请加入此段代码。

<SCRIPT LANGUAGE=JAVASCRIPT><!– if (top.location !=self.location)top.location=self.location;// –></SCRIPT>

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

<meta http-equiv= “refresh ” content=“20 “>

 

  • 14
    点赞
  • 43
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值