CSS布局指南：网页头部元素与DOCTYPE选择解析

需积分: 9 69 浏览量更新于2024-09-14 收藏 406KB PDF 举报

"CSS参考手册_第4章__网页头部元素的详细定义" 在网页设计中，头部元素（Header Elements）起着至关重要的作用，它们定义了文档的基本特性，包括DOCTYPE选择、名字空间、编码方式以及如何引用CSS。这些元素不仅影响页面的结构和样式，还与搜索引擎优化（SEO）紧密相关。本章主要关注CSS布局中头部元素的详细定义，旨在帮助读者理解和掌握这些关键概念。首先，DOCTYPE的选择是确保页面遵循正确标准的基础。DOCTYPE声明告知浏览器页面所采用的HTML或XHTML版本，这对CSS和页面元素的行为有直接影响。DOCTYPE分为不同类型，如XHTML1.0中的过渡（Transitional）、严格（Strict）和框架（Frameset）DTD。过渡DTD允许使用HTML4的元素，而严格DTD则禁止使用表现层的元素，要求更严格的语法规则。 1. 过渡的DOCTYPE：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">，这种声明允许使用传统HTML元素，适合那些正在从HTML向XHTML过渡的页面。 2. 严格的DOCTYPE：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">，它要求页面遵循XHTML1.0的严格规范，不允许使用表现层的HTML属性。 3. 框架的DOCTYPE：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">，主要用于包含多个框架的页面。名字空间（Name Space）在XML文档中定义了元素和属性的命名规则，避免元素名称冲突。在HTML或XHTML中，通常会使用XML的命名空间声明，例如`<html xmlns="http://www.w3.org/1999/xhtml">`，确保浏览器理解元素的含义。编码问题涉及到字符集的设定，例如`<meta charset="UTF-8">`，用于指定页面内容的字符编码，保证非ASCII字符的正确显示。 <meta>标签是网页头部的重要组成部分，它可以设置元信息，如页面描述、关键词（对SEO有利），以及视口控制（对于响应式设计至关重要）等。例如，`<meta name="description" content="页面描述内容">`用于提供页面的简短描述。在CSS调用方面，有多种方式可以引入样式表，包括内部样式（在<head>中定义），外部样式（通过<link>标签引用），以及行内样式（在HTML元素的style属性中）。每种方式的优先级不同，行内样式最高，然后是内部样式，最低的是外部样式。理解这些优先级规则可以帮助开发者更好地控制页面样式。学习本章后，读者应能掌握DOCTYPE选择的原理，理解不同DOCTYPE对页面的影响；熟练定义meta标签，优化页面的SEO性能；以及灵活运用各种方式调用CSS，掌握其优先级规则，从而实现更高效、更规范的网页布局。

第 4 章网页头部元素的详细定义

·45·

4.2 名字空间

名字空间的英文是 namespace，其含义就是通过一个网址指向来识别页面上的标签。在 XHTML 中

使用的是"xmlns"（XHTML namespace 的缩写），用来识别 XHTML 页面上的标签的网址指向是

http://www.w3.org/1999/xhtml。

关于名字空间定义的完整写法如下：

当使用可视化的网页开发工具（例如 Dreamweaver 等）新建文档时，选择适当格式的文档类型，

DOCTYPE 的声明和名字空间的声明都会自动生成。

4.3 编码问题

声明一种合适的编码语言，页面上的文本内容才能在浏览器中正常显示。编码语言声明的代码如下：

说明：在这段代码中，声明编码语言的代码是 charset=gb2312"。gb2312 是简体中文页面中常用的语言

编码。当制作不同语种的页面时，要声明不同的语言编码。例如，英文中可以使用“ISO-8859-1”

或者“UTF-8”等语言编码。

为了兼容较旧版本的浏览器，还要在原声明下追加另一段编码语言的声明。其具体的代码如下：

当使用可视化的网页开发工具（例如 Dreamweaver 等）新建文档时，会自动生成一个编码语言，

这个编码语言是新建文件时的首选参数中定义的。当制作不同语种的页面时，要仔细检查是否选择了

正确的编码语言。

4.4 meta 标签

在制作一个 XHTML 文档头时，要大量使用 meta 标签。meta 标签包括很多内容，例如 4.3 节中声

明的页面的语言编码，就是 meta 标签的一种。下面详细讲解常用的 meta 标签。

1．关键字（Keywords）

关键字是为搜索引擎提供的关键字。其语法结构如下：

说明：各关键词间用“,”分隔开。

剩余11页未读，继续阅读

龙升九天

粉丝: 57
资源: 196

CSS布局指南：网页头部元素与DOCTYPE选择解析

CSS参考手册_第5章__CSS基本布局属性

CSS入门参考手册,6个pdf文件

CSS参考手册：第4章- 网页头部元素详解与DOCTYPE选择

HTML.zip_html_html 参考手册_html教程

CSS参考手册——CSS基础

css教程手册

网页制作(dhtml,html,css)完全手册

css 2.0 中文手册chm格式

Div+css布局大全学习手册

html手册大全(div+css学习)

最新资源