HEAD元素使用集锦
HEAD元素使用集锦
发布时间:2015-06-06 来源:查字典编辑
摘要:HTML文档由两部分组成:Head(主题部分,一般来说是不可见的)和Body(正文部分,在浏览器中是可见的)。随着FrontPage及Dre...

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″ -->

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新ASP教程学习
热门ASP教程学习
编程开发子分类