深入浅出HTML-第3章:前进

前进

(主要讲述head元素)
1、head节
许多人既把head视为一个节, 也视为一个元素。它可以包含几种其他元素, head元素的一个有趣之处在于它不包含任何会在文档中显示的元素。

head节包含在 html节之中。head节必须包含head元素, 它也可包含下列任何元素:base、link、meta、script、style、title。

head标签包含有关于XHTML文档的信息,有描述网站的关键词、文档中用到的其他文件的链接等。除了会在标题栏显示title元素的内容外,浏览器不会向用户展示head节的其他任何内容。

  • 必需属性:无。
  • 可选属性:profile——包含关于文档的元数据信息文件的URL列表,用空格分隔。
  • 标准属性:①dir②lang③xml:lang
  • 用法:下列代码显示了空的head元素
<!DOCTYPE html
PUBLIC "-∕∕W3C∕∕DTD XHTML 1.0 Strict∕∕EN"
"http: ∕∕www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
  <∕head>
  <body>
  <∕body>
<∕html>

2、辅助性元素

标签
有助于把链接变得更简短、更易维护。可用来为文档中的所有链接指定一个基础URL。

  • 必需属性——href:指定一个URL,用作文档中的链接的基础URL。
  • 可选属性:无。
  • 标准属性:无。
  • 用法:在向XHTML文档中加入一个图像时,需要说明在什么地方能找到图像。当多个图像位于同一个目录时,使用base标签能够让事情更轻松一些。例如,如果文档包含了来自同一目录的几个图像,那么你可以通过使用base标签让它们的URL变短一点。此外,当你决定把这些图像移到一个新的位置时,只需修改base标签的href属性就行。
    例如,如果你想要显示位于如下URL地址的一个图像:http:∕∕www.apress.com/images/logo.gif
    可应用下列代码,在base标签中通过href属性在浏览器中显示该图片:
<!DOCTYPE html
PUBLIC "-∕∕W3C∕∕DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <base href=" http:∕∕www∙apress.com/images/">
  <∕head>
  <body>
    <img src="logo.gif" alt="The Apress logo">
  <∕body>
<∕html>


link 元素定义两个链接在一起的文档之间的关系。它最常用于把外部样式表链接进当前文档。

  • 必需属性:无。
  • 可选属性
    □ charset:设置所链接的文档使用的字符集。
    □ href:指向所链接的文档的URL。
    □ media:说明所链接的文档用于哪种媒体。常见值包括 all、braille、print、projection、screen 和speech。使用media属性,可以针对不同的媒体类型指定不同的样式表。例如,你可能想让屏幕上的内容显得富丽多彩,但某些用户也许只有单色打印机。这个属性使你可以为每种媒体类型使用一种不同的样式表。
    □rel:定义所链接到的文档与当前文档之间的关系。常见值包括alternate、appendix、bookmark、chapter、contents、copyright、glossary、help、home、index、next、prev、section、start、stylesheet、subsection。
    □ rev:与rel相反,这个属性定义当前文档与所链接到的文档之间的关系。
    □ type:指定目标URL的多用途网际邮件扩展(MIME)类型。最常见的值包括用于外部样式表的text/css、用于JavaScript文件的text/javascript和用于GIF图像文件的image∕gif。MIME类型告诉浏览器所下载的文件的类型是什么以及应该如何处理。
  • 标准属性
    □ class
    □ dir
    □ id
    □ lang
    □ style
    □ title
  • 用法:
<head>
  <link rel="stylesheet"  tyρe="text∕css" href="main.css"/> <∕head>


标签提供关于文档的信息。搜索引擎经常使用这些信息来为因特网上的网页编目。你使用标签提供文档的关键词和说明,搜索引擎可以使用它们来编录你的文档。另一种常见 用法是使用http-equiv属性来让浏览器自动刷新文档。meta一词代表元数据,这个术语通常被解释为“ 关于数据的数据”。标签提供的正是关于文档中的数据的数据。

  • 必需属性
    □ content:与一个名称或 http-equiv 关联的值。
  • 可选属性
    □ http-equiv:把content属性值与一个特定的HTTP响应相关联。可以使用它来要求浏览器做某件事,或引用关于文档的来源于外部的信息。
    □ name:用于为文档赋予额外的信息。该属性的值来自content属性。常见的名称包括author、keywords、description、summary。
    □ scheme:用于定义一种用以解释content属性值的格式。
  • 标准属性
    □ dir
    □ lang
    □ xml:lang
  • 用法:解释这个标签的最好办法就是显示一些简短的样例。通过将标签的name属性指定为keywords并将content属性指定为一个用逗号分隔的关键词列表,即可为搜索引擎提供线索。例如,可以使用下列XHTML代码:
    也可以通过将name属性指定为description,然后用content属性值为搜索引擎提供一份关于文档的简短说明:
    http-equiv属性提供了做一些很棒的事情的能力。首先,为其指定refresh值,可以表明你想让文档按指定的时间间隔被刷新。下面的样例每隔15秒刷新一次文档(记住,这种做法应谨慎使用,否则可能会惹恼网站的访问者!):

你可能感兴趣的:(深入浅出HTML,第三章,html)