`
webcelement
  • 浏览: 38586 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

HTML文件HEAD内部标记浅析

    博客分类:
  • WEB
 
阅读更多
今天,使用各种所见即所得工具制作主页已经是一件非常容易的事情了。但是了解HTML源代码和语法,无疑对我们制作主页有更大的帮助,也可以使用户能更精确地控制页面的效果。介绍HTML语法的文章已经很多,但是除了TITLE标记外,HEAD里还有其他的几个标记。这些标记虽然不常用,但是需要我们对他们有一定的了解。

  今天,使用各种所见即所得工具制作主页已经是一件非常容易的事情了。但是了解HTML源代码和语法,无疑对我们制作主页有更大的帮助,也可以使用户能更精确地控制页面的效果。介绍HTML语法的文章已经很多,但是除了TITLE标记外,HEAD里还有其他的几个标记。这些标记虽然不常用,但是需要我们对他们有一定的了解。

  一、META

  META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能,又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法:

  *<META NAME="keywords" CONTENT="yourkeyword">
  <META NAME="description" CONTENT="your homepage's description">
  本页的关键字和描述。在页面里加上这些定义后,一些搜索引擎就能够让读者根据这些关键字查找到你的主页,了解你的主页内容。

  * <META HTTP-EQUIV="refresh" CONTENT="60; URL="new.htm">
  浏览器将在60秒后,自动转向到new.htm。你可以利用这个功能,制作一个封面,在若干时间后,自动带读者来到你的目录页。
  如果URL项没有,浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。

  * <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=GB2312">
  描述本页使用的语言。浏览器根据此项,就可以选择正确的语言编码,而不需要读者自己在浏览器里选择。GB2312是指简体中文,而台湾BIG5内码的主页则是用BIG5。

   * <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
  强制性调用网上的最新版本。浏览器为了节约时间,在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时,直接显示硬盘上的文件,而不是网上的。如果你想让读者每次都看到最新的版本,就加上这句话。

  二、LINK

  显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下:

  <LINK REL="stylesheet" HREF="style.css">

  REL参数说明两个文档之间的关系,HREF说明目标文档名。

  关于层叠样式表,请参考其他文章。

  三、BASE

  BASE主要有两种用处:

  1、<BASE HREF="原始地址">
  本文档的原始地址。这样,读者下载你的文档之后,也可以知道是从哪里下载的。

  2、<BASE TARGET="目的框架名">
  在一个框架(frame)页中,如果要把某个框架的连接在另外一个框架显示,例如,把menu框架中的连接显示到content框架,就可以在menu框架中的页面加上<BASE TARGET="content">,这样,就没有必要在menu页面的所有连接的<a>标记中添加target属性了,除非这个连接不是在content框架中显示。



  一、META

  META标记用于描述不包含在标准HTML里的一些文档信息。激烈的竞争使浏览器厂商纷纷利用META开发出许多实用的功能,又使这些功能在常用的浏览器中都有效。下面介绍几个很有用的用法:

  *<META NAME="keywords" CONTENT="yourkeyword">
  <META NAME="description" CONTENT="your homepage's description">
  本页的关键字和描述。在页面里加上这些定义后,一些搜索引擎就能够让读者根据这些关键字查找到你的主页,了解你的主页内容。

  * <META HTTP-EQUIV="refresh" CONTENT="60; URL="new.htm">
  浏览器将在60秒后,自动转向到new.htm。你可以利用这个功能,制作一个封面,在若干时间后,自动带读者来到你的目录页。
  如果URL项没有,浏览器就是刷新本页。这就实现了WWW聊天室定期刷新的特性。

  * <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=GB2312">
  描述本页使用的语言。浏览器根据此项,就可以选择正确的语言编码,而不需要读者自己在浏览器里选择。GB2312是指简体中文,而台湾BIG5内码的主页则是用BIG5。

   * <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
  强制性调用网上的最新版本。浏览器为了节约时间,在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时,直接显示硬盘上的文件,而不是网上的。如果你想让读者每次都看到最新的版本,就加上这句话。

  二、LINK

  显示本文档和其他文档之间的连接关系。一个最有用的应用就是外部层叠样式表的定位。格式如下:

  <LINK REL="stylesheet" HREF="style.css">

  REL参数说明两个文档之间的关系,HREF说明目标文档名。

  关于层叠样式表,请参考其他文章。

  三、BASE

  BASE主要有两种用处:

  1、<BASE HREF="原始地址">
  本文档的原始地址。这样,读者下载你的文档之后,也可以知道是从哪里下载的。

  2、<BASE TARGET="目的框架名">
  在一个框架(frame)页中,如果要把某个框架的连接在另外一个框架显示,例如,把menu框架中的连接显示到content框架,就可以在menu框架中的页面加上<BASE TARGET="content">,这样,就没有必要在menu页面的所有连接的<a>标记中添加target属性了,除非这个连接不是在content框架中显示。
分享到:
评论

相关推荐

    html文件head内部标记浅析(meta,link,base,body)

    本文将深入解析&lt;head&gt;内部的几个关键标记:、、以及的基本属性。 一、 标记用于定义HTML文档中不直接展示但至关重要的信息。以下是一些常见的标签用途: 1. 关键词和描述: `...

    HTML知识整理、网页制作基础教程 CHM.rar

     HTML文件HEAD内部标记浅析  实现HTML自动排版的法则  快速精通FRAME(下)  快速精通FRAME(上)  网页图片特效小技巧  网页设计技巧谈:走出路径的困惑  网页图片热区定义  提高页面显示速度的秘技  ...

    网页制作基础教程

    &lt;br&gt;详细了解Anchor标记 HTML文件HEAD内部标记浅析 实现HTML自动排版的法则 快速精通FRAME(下) 快速精通FRAME(上) &lt;br&gt;网页图片特效小技巧 网页设计技巧谈:走出路径的困惑 网页...

    python标记文本文件为html文件

    在"python标记文本文件为html文件"这个场景中,我们通常会创建一个Python脚本来读取文本文件的内容,然后将其格式化为HTML格式。这涉及到的主要步骤有: 1. **打开和读取文本文件**:使用Python内置的`open()`函数...

    html标记语言详细解析与实例

    9. HTML 语言剖析之文件标记:文件标记是 HTML 文件的开头部分,包括&lt;HEAD&gt;、、&lt;BODY&gt; 等标记。 10. HTML 语言剖析之排版标记:排版标记用于控制文字、图形、表格的排版,包括、、&lt;HR&gt; 等标记。 11. HTML 语言剖析...

    HeadFirst HTML与CSS全书源代码

    《HeadFirst HTML与CSS》是一本非常受欢迎的入门级IT图书,专为初学者设计,旨在帮助读者轻松理解和掌握HTML(超文本标记语言)和CSS(层叠样式表)这两种核心的网页设计技术。该书的源代码包含了书中所有实例和练习...

    Head First HTML与CSS 第2版

    《Head First HTML与CSS》是Web开发领域里一本广受欢迎的入门书籍,尤其适合初学者。这本书以生动、直观的方式讲解HTML(超文本标记语言)和CSS(层叠样式表)的基础知识,帮助读者快速建立对这两门技术的理解。下面...

    Head First HTML&amp;CSS; 第二版电子书及源码

    《Head First HTML&CSS》是面向初学者的一本经典教材,第二版更是深入浅出地讲解了HTML(超文本标记语言)和CSS(层叠样式表)的基础知识。这本书通过直观、互动和趣味性的教学方式,使学习者能够快速掌握网页制作的...

    HTML标记完全版

    2. `&lt;head&gt;`:此标记定义了文档的头部,通常包含文档的元数据,如标题、字符集设置、样式表引用等。 3. `&lt;title&gt;`:这个标记用于定义浏览器顶部显示的页面标题,对于SEO(搜索引擎优化)至关重要。 4. `&lt;body&gt;`:这...

    html语言基本标记

    HTML(HyperText Markup Language)是用于创建网页的标准标记语言,它是互联网上应用最广泛的语言,也是构建网页的基础。本篇文章将深入探讨HTML语言的基本标记,包括其格式、常用标记及其应用示例。 一、HTML标记...

    html 超文本标记语言

    HTML(HyperText Mark-up Language)即超文本标记语言或超文本链接标示语言,是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、...

    rar压缩包4.0,文件结构总结

    公开的块类型有多种,包括:HEAD_TYPE=0x72的标记块、HEAD_TYPE=0x73的压缩文件头、HEAD_TYPE=0x74的文件头、HEAD_TYPE=0x75的注释头、HEAD_TYPE=0x76的旧风格用户身份信息、HEAD_TYPE=0x77的子块、HEAD_TYPE=0x78的...

    HTML超文本标记语言.ppt

    HTML文件的结构由三部分组成:标记、文字与图形资料以及统一资源定位器URL。标记是HTML的基础,包括单一标签和成对标签,如、等。文字与图形资料是网页的主要内容,而URL用于链接到其他网络资源。 编辑HTML文件并不...

    HTML常用标记 HTML常用标记

    `&lt;HEAD&gt;`部分包含了文档的元信息,如标题(`&lt;TITLE&gt;`)、字符集设置(`&lt;META charset="UTF-8"&gt;`)以及引用外部资源如CSS样式表或JavaScript文件。`&lt;BODY&gt;`部分则包含了用户在浏览器中实际看到的内容,如文本、图像、...

    Head First HTML与CSS、XHTML 配套代码

    CSS可以内联样式(直接在HTML元素中使用`style`属性),嵌入样式(在`&lt;head&gt;`部分使用`&lt;style&gt;`标签)或外部样式(创建单独的.css文件引用)。 XHTML(Extensible HyperText Markup Language)是HTML和XML的结合体...

    Head First HTML与CSS 第2版【高清】带书签pdf

    《Head First HTML与CSS》是初学者学习网页制作的优秀教材,第二版更是对原本的内容进行了更新和优化,以适应不断发展的Web技术。这本书以其独特的视觉设计和易于理解的讲解方式,深受读者喜爱。现在,你拥有的是一...

    [深入浅出HTML].Head.First.HTML.with.CSS.and.XHTML.pdf

    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 First HTML and CSS中文版 第2版

    《Head First HTML and CSS中文版 第2版》是一本针对初学者设计的Web开发书籍,旨在以轻松幽默的方式引导读者掌握HTML(超文本标记语言)和CSS(层叠样式表)的基础知识。这本书通过丰富的图像、图表和有趣的例子,...

Global site tag (gtag.js) - Google Analytics