`
tk_zhang
  • 浏览: 232068 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

HTML文件中的HEAD元素详解

    博客分类:
  • Html
阅读更多

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

分享到:
评论

相关推荐

    HTML中的多媒体元素应用,基础的HTML多媒体元素的应用教学

    ### HTML中的多媒体元素应用 #### 一、引言 随着互联网技术的发展,多媒体内容成为了网页设计不可或缺的一部分。HTML(超文本标记语言)作为构建网页的标准语言之一,提供了丰富的标签和属性来实现多媒体元素的...

    html完全使用详解

    通过`&lt;style&gt;`标签或外部CSS文件,可以对HTML元素进行颜色、字体、布局等样式设置。JavaScript通过`&lt;script&gt;`标签引入,可以实现动态效果和用户交互。 五、HTML5新特性 HTML5引入了许多新元素,如`&lt;header&gt;`、`...

    html框架详解与框架布局.7z

    压缩包内的文件`right.html`、`left.html`、`demo.html`、`bottom.html`、`top.html`分别代表了不同框架中的内容。例如,`left.html`可能是侧边栏内容,`top.html`和`bottom.html`可能用于头部和底部的固定信息,而`...

    html与css机制的详解

    CSS可以通过内联样式(直接写在HTML元素的`style`属性中)、内部样式表(写在`&lt;style&gt;`标签内,位于`&lt;head&gt;`中)或外部样式表(写在单独的.css文件中并链接到HTML文件)三种方式引入。 了解HTML和CSS是创建响应式、...

    SharePoint_2013_中将HTML文件转换为母版页

    在 SharePoint 2013 中,微软引入了一项新功能——直接将 HTML 文件转换为母版页。这项功能极大地简化了设计流程,并使得非技术人员也能参与到网站设计过程中来。 #### 二、基础知识介绍 - **母版页**:在 ...

    经典HTML 详解书

    1. HTML基础:HTML由一系列元素组成,每个元素都有其特定的标签,如`&lt;html&gt;`、`&lt;head&gt;`和`&lt;body&gt;`等。这些元素定义了网页的结构。`&lt;title&gt;`元素用于设置网页标题,显示在浏览器标签页上;`&lt;h1&gt;`到`&lt;h6&gt;`表示不同级别...

    HTML-CSS-详解资源

    ### HTML-CSS 详解资源 #### 一、HTML 基础 **1.1 HTML 概述** HTML,即超文本标记语言(HyperText Markup Language),是一种用于创建网页的标准标记语言。它允许开发者通过一系列预定义的标签来构建和布局网页...

    详解三种方式解决vue中v-html元素中标签样式

    当开发者使用v-html将HTML字符串插入到Vue组件模板中时,这些内容默认不受Vue单文件组件内的样式影响,因为scoped样式只作用于组件内的DOM元素。本文提供了解决方案,帮助开发者为v-html注入的HTML内容添加样式。 ...

    HTML标签详解大全

    这些标签是HTML中最常用的元素之一,熟练掌握它们的用法对于编写网页至关重要。当然,随着Web技术的发展,一些新的标签和属性已经被引入,例如HTML5中的新标签如`&lt;header&gt;`、`&lt;footer&gt;`、`&lt;nav&gt;`等,这些将在后续的...

    HTML详解连载(1)

    在“HTML详解连载(1)”中,我们将首先介绍HTML的基本结构和元素。一个HTML文档通常由三部分组成:文档声明、头部(head)和主体(body)。文档声明如`&lt;!DOCTYPE html&gt;`告诉浏览器文档遵循的HTML版本。头部则包含元...

    在html中引入外部样式表

    一、`&lt;link&gt;`元素详解 `&lt;link&gt;`元素是HTML5中的一个元数据标签,它通常位于`&lt;head&gt;`部分,用于链接外部资源,如样式表(CSS)、图标(favicon)或者定义文档的关联关系。引入外部样式表时,`&lt;link&gt;`元素需要设置以下...

    jfMagnify-可以放大任何HTML元素的jQuery放大镜插件

    在压缩包的`index.html`、`index2.html`和`index3.html`文件中,提供了不同配置和用法的示例。通过查看这些示例,你可以了解如何根据自己的需求定制jfMagnify。`related`目录可能包含与jfMagnify相关的其他资源或...

    html文本格式

    - 如果出现乱码,可以尝试使用Notepad++编辑器打开文件,并在最上面的一排菜单中选择合适的编码(如UTF-8),这样可以确保文件中的字符正确显示。 #### 三、总结 本文详细介绍了HTML的基本文档结构以及各个组成...

    Java全栈课程之HTML详解

    HTML由一系列元素(Elements)组成,每个元素都有其特定的标签(Tags),如`&lt;html&gt;`、`&lt;head&gt;`、`&lt;body&gt;`等。这些元素通过嵌套关系构建起网页的层次结构。`&lt;head&gt;`元素包含元信息,如标题(`&lt;title&gt;`),而`&lt;body&gt;`...

    HTML and CSS 详解

    2. 内部样式表:在`&lt;head&gt;`中的`&lt;style&gt;`标签内定义,可应用于整个页面。 3. 外部样式表:创建一个`.css`文件,然后在HTML中用`&lt;link&gt;`标签引用,方便复用和维护。 CSS选择器是定位HTML元素的关键,如: 1. 类选择...

    CSS+HTML详解

    1. **HTML基本结构**:HTML文件由一系列的标签组成,包括`&lt;html&gt;`(根元素)、`&lt;head&gt;`(头部信息)和`&lt;body&gt;`(主体内容)。`&lt;title&gt;`标签定义网页标题,显示在浏览器的标签页上。 2. **元素与标签**:HTML元素...

    HTML网页制作详解.zip

    4. CSS与样式:虽然HTML主要用于结构,但也可以通过内联样式(style属性)、内部样式表(元素在&lt;head&gt;中)或外部样式表(.css文件)来添加样式。CSS允许控制颜色、字体、布局等视觉效果。 5. 响应式设计:随着移动...

    文件上传组件 Uploadify-3.1-Demo实例详解

    ### 文件上传组件 Uploadify-3.1-Demo实例详解 #### 概述 Uploadify是一款功能强大且易于使用的文件上传组件,它通过Flash技术实现,能够帮助开发者在Web应用中轻松实现文件上传功能。本篇内容将围绕Uploadify 3.1...

    HTML使用详解

    在“HTML使用详解”这个主题中,我们将深入探讨HTML的基本概念、语法、元素以及如何创建一个完整的HTML页面。 一、HTML基础 HTML是由一系列标签组成的,这些标签描述了网页中的不同部分。例如,`&lt;html&gt;`标签定义了...

    HTMLCSSJavaScript整合详解

    HTML是网页内容的基础,通过一系列标签来表示不同的元素,如`&lt;head&gt;`定义头部信息,`&lt;body&gt;`包含页面主体,`&lt;h1&gt;`到`&lt;h6&gt;`定义标题,`&lt;p&gt;`创建段落,`&lt;a&gt;`定义链接,`&lt;img&gt;`插入图像,以及`&lt;ul&gt;`和`&lt;ol&gt;`创建无序和...

Global site tag (gtag.js) - Google Analytics