HTML文档由两部分组成:Head(主题部分,一般来说是不可见的)和Body(正文部分,在浏览器中是可见的)。随着FrontPage及
Dreamweaver(简称DW)等可视化的网页编辑器的流行,不懂HTML也可以做一个具有专业水平的网页已经不是一个梦。但是,这些主页制作工具都
不能自己生成一个好的主题部分,这就需要我们来了解一下其中的元素了。
一、Head元素
Meta 它记录当前页面的信息,例如字符编码、作者、版权和关键字等。还可以用来向服务器提供信息,例如截止日期和页面刷新间隔等。它的两种基本用法是:告诉浏览器网页所识别的文件类型及语言类型;让搜索引擎按关键字搜索到你的网页。
Attribute 指定Meta标签是否包含Name (页面描述信息)或HTTP Equiv
(HTTP标题信息)。“Value”指定所提供信息的类型。有些值是已经定义好的,在DW中有专门的属性检查器。例如description(说明)、
keyword(关键字)、refresh(刷新)等。还可以指定其它任意值,如:creationdate(创建日期)、document
ID(文档编号)和level(等级)等。
Content。如果指定level(等级)为Value(值),则Content可能是beginner(初级)、intermediate(中级)、advanced(高级)。
Title页面标题,显示在浏览器的标题栏上。
Keywords
许多流行的搜索引擎可自动阅读Meta标签中的Keywords内容,并使用该信息在其数据库中建立对该页面的索引。有些搜索引擎在建立索引时对关键字或
字符有数量上的限制。有些则在关键字超出限定范围时忽略所有关键字。因此为网页精选关键字是很有必要的。在标志为Keywords的域中使用逗号来分隔关
键字。
Description 与Keywords具有相似的功能。只是用描述性的语句代替了关键字。部分搜索引擎在建立索引时对字符数有一定的限制,因此应尽量言简意赅。
Refresh使用Refresh元素可以指定在某一时间段后自动对页面进行刷新。
Action指定是否要转到其它URL或刷新当前页面。要转到其它URL,可单击Brower按钮选择要载入的页面。
Delay在刷新页面之前以秒为单位的等待时间,要立即刷新页面,可以在此域中输入0。
Base使用Base元素可设置基本URL。
Href指定基本URL,可直接键入路径或选择。
Target指定所有链接的文档要打开的窗口。可以在当前框架集中选择一个框架或在其提供的四种保留窗口中选择其一,默认为_self。
Link使用Link元素可定义当前文档和其它文件(如CSS文件)之间的关系。
ID指定某链接的唯一标识符。
Title说明链接的关系。此属性对链接样式表非常合适。
Rel指定当前文档和Href域中文档之间的关系。其可能的值包括:Alternate(备选)、Stylesheet(样式表)、Start(启
动)、Next(下一个)、Prev(上一个)、Content(内容)、Index(索引)、Glossary(词汇)、Copyright(版权)、
Chapter(章)、Section(节)、Subsection(小节)、Appendix(附录)、Help(帮助信息)、Bookmark(书
签)等。要指定多个关系,请使用空格将值分开。
二、实例说明
<title> HEAD元素使用集锦</title>
<!--网页标题 -->
<meta http-equiv=″Content-Type″ content=″text/html; charset=gb2312″>
<!--网页内容类型,TXT或HTML格式,编码方式为GB2312 -->
<meta name=″keywords″ content=″HEAD元素″>
<!-- 关键字信息 -->
<meta name=″description″ content=″本网页用于说明HEAD元素的使用方式″>
<!-- 对网站的进一步描述-->
<meta http-equiv=″refresh″ content=″5;URL=index.htm″>
<!--网页在5秒后自动刷新,链接地址为index.htm页 -->
<base href=″″ target=″_blank″>
<!--基本链接设定,目标为弹出新页面。此项可用于Frame页中指定链接显示的Frame,例如:target=″main″>
<link rel=″stylesheet″ href=″homepage.css″>
<!--调入样式表,链接样式表文件″homepage.css″ -->
分享到:
相关推荐
初学PHP的童鞋往往对head函数的理解不是很深刻,许多功能无法实现,只是简单的移植一些代码。深入了解head函数对编程是很有帮助的,希望对大家有用。
linux中head命令使用详解.docx
html5.js文件,在head部分引用该文件,使各种浏览器支持html5
HTML标签详解 HTML指令详解 结构 <html> <head> 标题 </head> <body>..........文件内容.......... </html>
head和tail是一组想对应的命令,默认分别显示文件的开头和末尾10行记录。 head head 命令可以将一段文本的开头一部分输出到标准输出。 head命令既可以处理文本文件也可以处理标准输入。 基本应用 处理文本文件: ...
HTML指令详解 结构 <html> <head> 标题 </head> <body>..........文件内容.......... </html> 1.文件标题 <title>.......... 2.文件更新-- 【1】10秒后自动更新一次 【2】10秒後自动连结到另一...
With Head First HTML with CSS & XHTML, you’ll avoid the embarrassment of thinking web-safe colors still matter, and the foolishness of slipping a font tag into your pages. Best of all, you’ll learn ...
设head为单链表的头指针,并设单链表带有头结点,编写算法将单链表中的数组元素按照其值递增有序的顺序进行就地排列
angularjs-viewhead, 在每个视图中,更改HTML标题和标题元素 angularjs-viewhead一个 AngularJS MODULE,允许视图设置页面标题并将额外元素插入到标题中。动机在正常使用中,angularjs的路由器允许选定视图影响页面...
当然,在这本书中你会了解HTML5新API的基础知识,更妙的是,还将学习这些API如何与你的页面交互,JavaScript如何为这些API助一臂之力,以及如何使用这些API来构建让你的老板和朋友对你刮目相看的Web应用。...
今天,看一个国外网站发现人家获取head元素如下 复制代码代码如下:var head = document.head || document.getElementsByTagName(‘head’)[0]; 后面的是我们常用的方式,前面的 document.head 着实第一次见。查资料...
包含了《HeadFirst HTML与CSS》书中讲解部分和练习部分的源代码
《Head First HTML与CSS(第2版)》使你不再顾虑Web—safe颜色支持的浏览器问题,也不再不明智地在网页中加入标签来控制字符。更好的是,你将兴致勃勃地学习HTML、XHTML和CSS,而不再昏昏欲睡。如果你曾经读过任何一本...
在Linux系统内head命令是显示文件开头的行,tail命令是显示文件末尾行,默认都是只显示10行
如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案,大家可以参考参考,如果你有好的方法,也分享出来,让我们瞧瞧。 HTML: <!DOCTYPE html> <html lang=en> <head> <meta ...
Head First HTML与CSS 第2版【高清】带书签pdf 浅显易懂,分享学习!
文档片段。... META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能,又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法:
Head First HTML与CSS 第二版 源码打包 本打包为原书出版商版本
Head First 系列书籍- Head First HTML与CSS 第2版高清版