meta是用来在HTML文档中模拟HTTP协议的响应头报文。
meta标签用于网页的<head>与</head>中,meta 标签的用处很多。
meta的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:
name 属性
1、<meta name="Generator" content="">用以说明生成工具(如Microsoft FrontPage 4.0)等;
2、<meta name="KEYWords" content="">向搜索引擎说明你的网页的关键词;
3、<meta name="DEscription" content="">告诉搜索引擎你的站点的主要内容;
4、<meta name="Author" content="你的姓名">告诉搜索引擎你的站点的制作的作者;
5、<meta name="Robots" content= "all|none|index|noindex|follow|nofollow">
其中的属性说明如下:
设定为all:文件将被检索,且页面上的链接可以被查询;
设定为none:文件将不被检索,且页面上的链接不可以被查询;
设定为index:文件将被检索;
设定为follow:页面上的链接可以被查询;
设定为noindex:文件将不被检索,但页面上的链接可以被查询;
设定为nofollow:文件将不被检索,页面上的链接可以被查询。
http-equiv属性
1、<meta http-equiv="Content-Type" content="text/html";charset=gb_2312-80"> 和 <meta http-equiv="Content-Language" content="zh-CN">用以说明主页制作所使用的文字以及语言,又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;
2、<meta http-equiv="Refresh" content="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http://yourlink;
3、<meta http-equiv="Expires" content="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;
4、<meta http-equiv="Pragma" content="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
5、<meta http-equiv="set-cookie" content="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;
6、<meta http-equiv="Pics-label" content="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;
7、<meta http-equiv="windows-Target" content="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;
8、<meta http-equiv="Page-Enter" content="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">
设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。
以上是常用的几个meta属性,有个人主页的朋友不妨在你的主页中加上它,效果可是不一样的哦:)。
分享到:
相关推荐
在第1章中介绍了网页结构。虽然头部内容不会显示在网页的主体里面,但对于网页来说,有着至关重要的影响。网页中加载的顺序是从头部开始的。...之间,以便在网页主体中使用脚本时已经加载完成,否则脚本运行会出错。
1. **异步通信**:Ajax的核心在于使用XMLHttpRequest对象进行后台与数据库之间的异步交换,从而实现局部刷新。 2. **局部刷新**:无需刷新整个页面,仅更新页面的一部分,提高了网页的响应速度和用户的体验。 3. **...
《Head First HTML and CSS, 2nd Edition》是一本旨在通过直观且趣味性强的方式教授网页制作基础的书籍。该书作为Head First系列的一部分,针对HTML和CSS这两项核心技能进行了详细讲解。以下是对该书中提及的重要...
- **类与对象**:介绍类的概念、对象的创建过程,以及类和对象之间的关系。 - **继承与多态**:如何使用继承实现代码复用,以及多态性的概念和应用实例。 - **封装**:封装的意义及其在实际开发中的应用。 - **异常...
XHTML的引入是为了使网页内容更加容易地在不同设备和浏览器之间移植,以适应日益增长的移动设备和Web应用程序。 知识点三:CSS入门 CSS是一种用于描述网页样式的语言,可以控制HTML元素的外观和布局。通过CSS,...
合集的最后一本书,《Head First HTML与CSS 第2版》则将视角转向网页开发领域,是那些希望掌握网页设计与布局的读者的理想入门书。HTML和CSS作为构建网页的基石,其重要性不言而喻。HTML负责网页内容的结构化,而CSS...
除了语言特性,本书还会涵盖浏览器API,如定时器(setTimeout和setInterval)、存储机制(localStorage和sessionStorage)以及Ajax,这些API使得JavaScript可以在用户与服务器之间进行通信,实现无刷新的数据交换。...
head和DTD尽管不会显示在页面上,但是却是网页的重要元素。 为什么会出错? 在上一节中我们我们在检验我们的网页时得到了一段出错信息,但是我们在整个网页的制作过程中都是按照XHTML标准写的啊。其实问题出在了网页...
12. **拖放功能**:HTML5的拖放API允许用户在页面元素之间直接拖放,增强了交互性。 通过《Head First HTML5》随书源代码,读者可以实践上述知识点,进一步巩固理论知识,提升实际编程技能。书中的实例涵盖了各种...
8. **兼容性**:jQuery致力于跨浏览器兼容,使得开发者无需担心不同浏览器之间的差异。 9. **性能优化**:jQuery提供了一些优化技巧,如延迟加载(lazy loading)、事件委托等,以提高网页性能。 10. **版本更新**...
此外,书中还会介绍Servlet和JSP之间的协作,以及如何利用过滤器(Filter)和监听器(Listener)增强应用程序的功能。 在实际项目中,部署和配置Web应用是非常关键的步骤。本书会指导你如何在Tomcat这样的Servlet...
书中将详细介绍如何在网页中嵌入音频和视频,并探讨不同格式之间的兼容性问题。 4. **表单增强**:HTML5对表单功能进行了增强,新增了多种输入类型和验证属性。这使得开发者可以创建更加用户友好的表单界面,并且...
使用HBuilderX制作网页是一个涉及多个步骤的过程,以下是一个基本的指南,帮助你从零开始创建一个简单的HTML5网页。...在标签之间添加你的网页内容,如文本、图片、链接等。 例如,一个简单的网页可能看起来像
- 样式继承与覆盖:了解样式如何在元素和其后代之间传递,以及如何通过更具体的规则覆盖样式。 - 盒模型:学习盒模型的概念,包括边距、填充、边框和内容区域,及其在布局中的作用。 3. **CSS布局技术**: - ...
《Head First Servlet JSP》是一本非常著名的IT技术书籍,主要介绍了Servlet和JSP这两个Java Web开发中的核心技术。源码通常包含书中示例程序的实现,对于深入理解书中的概念和工作原理非常有帮助。 Servlet是Java...
Ajax,全称Asynchronous JavaScript and XML(异步JavaScript与XML),是一种在无需刷新整个网页的情况下,能够更新部分网页内容的技术。这本书通过独特的教学方式,使学习过程既有趣又高效。 Ajax的核心原理在于...
在这个网页中,大学生们可能会学习如何使用`<head>`、`<body>`、`<header>`、`<nav>`、`<section>`、`<article>`、`<footer>`等标签来构建网页的基本框架。 2. CSS美化:CSS则负责网页的外观和布局。通过选择器(如...
JavaScript是一种轻量级的解释型脚本语言,主要用于网页开发,为网页添加交互性。它最初由网景公司的Brendan Eich在1995年设计并实现。自那时起,JavaScript已经成为Web开发中不可或缺的一部分,广泛应用于客户端和...
总的来说,这个“web网页设计作业”是一个实践与学习的完美结合,它鼓励你动手实践,探索HTML、CSS和JavaScript之间的协同工作,从而创造出美观且交互性强的个人网页。对于希望踏入网页设计领域的人来说,这是一个...