HTML代码基础、标准化概要

       由于存在不同的浏览器版本,web 开发者常常需要为耗时的多版本开发而艰苦工作。当新的硬件(比如移动电话)和软件(比如微浏览器)开始浏览 web 时,这种情况开始会变得更加严重。为了 web 更好地发展,对于开发人员和最终用户而言非常重要的事情是,在开发新的应用程序时,浏览器开发商和站点开发商共同遵守标准。

       web 的不断壮大,使得越来越有必要依靠标准实现其全部潜力。web 标准可确保每个人都有权利访问相同的信息。如果没有 web 标准,那么未来的 web 应用,包括我们所梦想的应用程序,都是不可能实现的。同时,Web 标准也可以使站点开发更快捷,更令人愉快。为了缩短开发和维护时间,未来的网站将不得不根据标准来进行编码。开发人员不必为了得到相同的结果,而挣扎于多版本的开发。

       一旦 web 开发人员遵守了 web 标准,由于开发人员可以更容易地理解彼此的编码,web 开发的团队协作将得到简化。

       只有使用 web 标准,才能确保在不频繁和费时地重写代码的情况下,所有的浏览器,无论新的或老式的,都可以正确地显示您的站点。

       标准的 web 文档更易被程序代码访问(比如 JavaScript 和 DOM)。

(一)HTML、XHTML基础标签结构说明:

<html>

<head>

<title>title元素的内容会显示在浏览器的标题栏中</title>

</head>

<body>

body 元素的内容会显示在浏览器中。

HTML 文档和 HTML 元素是通过 HTML 标签进行标记的

HTML 标签由开始标签和结束标签组成:开始标签是被括号包围的元素名;结束标签是被括号包围的斜杠和元素名

XHTML 是更严谨更纯净的 HTML 版本,规则概要如下:

XHTML 文档必须拥有根元素;使用恰当的文档类型声明和命名空间,使用meta元素声明你的内容类型

在 XHTML 文档中必须存在html、head、body元素,而 title 元素必须位于在 head 元素中

XHTML 元素必须被正确地嵌套,必须正确地关闭所有的标签

某些 HTML 元素没有结束标签,在XHTML中必须使用空格和斜线关闭空标签,如base、br、hr、img、area、input、col、param等标签必须使用/>结尾,如<br />、<hr />等

提示:通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。在XHTML、XML 以及未来的HTML 版本中,不允许使用没有结束标签(闭合标签)的HTML 元素。

标签名必须用小写字母,使用小写字母书写所有的元素和属性

为所有的属性值加引号并分配值;确保 小于号 为 <, 和号 为 &

</body>

</html>

(二)Web2.0标准DTD声明:

达到网页标准化(各浏览器内效果一致)必须首先在html标签上方位置添加以下DTD声明并添加完整的html标签(include页面除外):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

提示:所有 XHTML 文档必须进行文件类型声明(DOCTYPE declaration)。

文件类型声明并非 XHTML 文档自身的组成部分,不是 XHTML 元素,也没有关闭标签。

<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

在上面的声明中,声明了文档的根元素是 html,它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Strict//EN" 的 DTD 中进行了定义。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到,浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。

(三)统一编码声明,添加至head标签内:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

如需正确地显示 HTML 页面,浏览器必须知道使用何种字符集。

UTF-8 可以表示 Unicode 标准中的任意字符,向后兼容 ASCII,是网页和电子邮件的首选编码。

posted @ 2012-03-06 13:12  fayeg  阅读(598)  评论(0)    收藏  举报