网页头部元素的详细定义

DOCTYPE的选择

什么是DOCTYPE

DOCTYPE
是Document
Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML的版本)。要想制作符合标准的页面,一个必不可少的关键组成部分就
是DOCTYPE声明。只有确定了正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。

选择什么样的DOCTYPE

在XHTML 1.0中有3种DTD(文档类型定义)声明可以选择:过渡的(Transitional)、严格的(Strict)和框架(Frameset)的。分别介绍如下:

过渡的

一种要求很不严格的DTD,允许在页面中使用HTML 4.01的标识(符合xhtml的语法标准)。过度DTD的写法如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transtional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transtional.dtd">

严格的

一种要求严格的DTD,不允许使用任何表现层标识和属性,例如<br/>等。严格的DTD写法如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

框架的

一种专门针对框架页面所使用的DTD,当页面中含有框架元素时候,就要采用这种DTD。写法如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

名字空间问题

名字空间的英文是namespace,其含义就是通过一个网址指向来识别页面上的标签。在XHTML中使用的是"xmlns"(XHTML namespace的缩写),用来识别XHTML页面上的标签的网址指向的是http://www.w3.org/19999/xhtml

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

<html xmlns=http://www.w3.org/1999/xhtml>

当采用可视化的网页开发工具(例如Dreamweaver等)新建文档时,选择适当格式的文档类型,DOCTYPE的声明和名字空间的生命都会自动生成。

编码问题

meta标签

1.关键字(Keywords)

为搜索引擎提供的关键字,语法结构如下:

<meta name="Keywords" content="关键词1,关键词2,关键词3">

2.简介(Description)

用来为搜索引擎声明网站主要内容。语法结构如下:

<meta name="Decription" content="网站简介">

3.搜索机器人向导(Robots)

为搜索机器人指定需要索引的页面和不需要索引的页面。语法结构如下:

4.站点作者信息(Author)

为站点声明作者。语法结构如下:

<meta name="Author" content="陈映平">

5.站点版权信息(Copyright)

为站点声明版权。语法结构如下:

<meta name="Copyright" content="陈映平所有,仿冒不究">

CSS的调用

 

调用样式表的几种方法(待补充)

应用样式表的优先级

制作一个页面的一般步骤是:

  1. 分析效果图
  2. 切图
  3. 制作成XHTML页面

 

以上内容是在看《CSS标准网页布局开发指南》时摘录下来的,国庆的时候写到一半有事出去,就一直搁草稿箱里了,差点都还忘了。说实在的,这本书写的不算特别好,不过还是有些东西可以借鉴一下的。

 

PS:欢迎各位前端爱好者或者大牛交流指教!!

时间: 2024-12-29 12:41:34

网页头部元素的详细定义的相关文章

HTML网页头部代码全接触

 对于刚刚开始学习HTML的新手而言,了解网页头部代码是非常必要的.       以下所有代码全是在<head>...</head>之间,具体内容有:       1.<title>-</title>       标题元素,帮助用户更好识别文件,有且只有一个.当作为首页或收藏时做文件名.       2.<link>-</link>       显示本文档和其它文档之间的关系:<link rel="stylesheet

网页头部属性设置技巧

技巧|网页 很多时候,我们在做主页时会忽略了网页头部属性的设置.网页头部属性是指 Html 文件中被Head> 标识符所作用的区域,Html 文件的头部信息包括了对当前文件一些信息的收集,对 <Head> 区的属性进行修改后,不会直接影响到该文件的视觉效果.但通过对其进行设置,将使我们的主页制作过程更加规范.使用更方便. 现在就让我们来看看如何设置一些主页的头部属性: 1.META标识符 META标识符是主页头部元素用以记录当前页面的一些重要信息,例如网页的字符集.作者.版本.网页关键字

网页头部信息优化

很多时候,我们在做主页时会忽略了网页头部属性的设置.网页头部属性是指 html 文件中被 <head> 标识符所作用的区域,html 文件的头部信息包括了对当前文件一些信息的收集,对 <head> 区的属性进行修改后,不会直接影响到该文件的视觉效果.但通过对其进行设置,将使我们的主页制作过程更加规范.使用更方便. 现在就让我们来看看如何设置一些主页的头部属性: 1.meta标识符 meta标识符是主页头部元素用以记录当前页面的一些重要信息,例如网页的字符集.作者.版本.网页关键字等

less-C++的STL中关于priority_queue算子的详细定义

问题描述 C++的STL中关于priority_queue算子的详细定义 priority queue的模板参数为<元素类型,容器类型,比较算子>其中默认的算子为less,我在网上看到的less的解释是:小的元素往前排,大的往后排,出队时序列尾的元素出队我就是不太懂这里为什么要是对尾的元素先出队,也就是q.top()返回的是队尾元素,且q.pop()删除的也是队尾元素--这不正好跟队列的定义完全相反了么?? 解决方案 优先队列已经不是普通队列了 他实际是一个小根堆 堆顶是最小元素 top默认返

JavaScript实现拖拽网页内元素的方法_javascript技巧

本文实例讲述了JavaScript实现拖拽网页内元素的方法.分享给大家供大家参考.具体如下: 这段代码详细讲述了JS拖拽的原理和方法,值得学习和借鉴. /** * 跨平台的事件监听函数 * @param {Node} node 需要监听事件的DOM节点 * @param {String} eventType 需要监听的事件类型 * @param {Function} callback 事件监听回调函数 * @type Function 返回值为函数类型 * @return 返回监听回调函数的引用

理解响应网页设计元素

响应网页设计目前在网页设计中无疑是一个热门话题.从某种程度上来说,响应网页设计概念的普及是非常应该的,因为用户以越来越多样化的方式访问网站.iPad,iPhone,Android移动设备,桌面,笔记本--现在我们的网页设计必须在众多方式下使用. 让我们来了解响应网页设计的含意和原则. 响应网页设计的关键特征 认为网页设计是"响应"的,需要有三个关键牲.网页设计师和开发者Ethan Marcotte--提出响应网页设计的人--将这些特征描述如下: 网站必须以灵活的网格为基础构建.设计中包

动态更改网页HTML元素(对象)内容_经验交流

动态HTML的出现为用户提供了一种基于传统标准HTML来创建交互式页面的机制.本文主要针对IE 5.0谈谈如何通过其提供的HTML文档对象(DOM)模型使用脚本添加.删除.修改页面中的HTML元素(对象)及元素(对象)内容. 动态更改网页HTML元素(对象)内容 HTML块级元素(对象)提供的4个可读写属性innerHTML.innerText. outerHTML.outerText来更改元素(对象)内容(如表1所示). 当设置innerHTML属性时,给定字符串完全替换现有的元素(对象)内容

HTML网页头部代码

  HTML中我们一般把部分称为网页的头部.头部部分的内容虽然不会在页面中显示,但它能影响到搜索引擎对网页的收录和排序,以及网页的各种全局设置,可以说是至关重要. 知识点一:头部信息里设置网页的基底网址 基底网址的实质是统一设置超级链接的属性,基底网址标签是</base>,它有两个属性,href和_target.href用于设置基底网址的路径,_target用于设置超级链接的打开方式. 通过基底网址的添加,页面中所有的相对网站根目录地址可转换成绝对地址.当浏览器浏览页面时,通过<base

在HTML网页头部添加一些属性的重要性

网页 HTML和XHTML都有一个结构,它使网页作者可以增加于HTML文档相关的额外信息.这些额外资源可以是样式化信息(CSS).导航助手.属于另外形式的信息(RSS).联系信息等等. LINK元素(link)用来在你的文档头部的<head>元素区增加这些元素. 让我们来看看一个实际的例子,一个天文学网站的一个页面.这个页面关于地球在太阳系中的位置. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" &q