HTML5网页文档结构

2.1     Web标准

Web标准,使得Web开发更加容易。Web标准由万维网联盟(W3C)制定。

2.1.1          Web标准概述

Web标准的最终目的就是保证每个人都有权力访问相同的信息,同时,Web标准也可以使用站点开发更快捷与更令人愉快。如果web开发人员遵循了Web标准,开发人员可以更容易理解彼此的编码,Web开发团队的协作也会得到简化。其优点如下:

1.   对于访问者

(1)文件下载和内容显示速度更快

(2)内容能被更多的用户所访问(如失明、弱视、色盲等残障人士)

(3)内容能被更多的设备访问(如屏幕阅读机、手持设备、打印机等)

(4)用户可通过样式选择定制自己的表现界面

(5)所有页面都能提供适于打印的版本

2.   对于网站所有者

(1)更少的代码和组件,更容易维护。

(2)带宽要求降低(代码更简洁),成本降低

(3)更容易被搜索引擎搜索到

(4)改版方便,不需要更改面页内容

(5)提供打印版本而不需要复制内容

2.1.2          Web标准规定的内容

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由万维网联盟(外语缩写:W3C)起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。

1.   结构化标准语言

(1)XML

(2)XHTML

2.   表现标准语言

CSS层叠样式表

3.   行为标准

(1)DOM

DOM,全称 Document Object Model是一个使程序和脚本有能力动态地访问和更新文档的内容、结构以及样式的平台和语言中立的接口。

(2)ECMAScript

ECMAScript是ECMA制定的标准脚本语言,这种语言在万维网上应用广泛,常被称为JavaScript。

2.2     HTML5文档的基本结构

2.2.1          HTML5文档类型说明

<!doctype html> 声明必须位于 HTML5 文档中的第一行,也就是位于 <html> 标签之前。该标签告知浏览器文档所使用的HTML规范。

HTML 4.01 中的!DOCTYPE需要对 DTD 进行引用,因为 HTML 4.01 基于标准通用标记语言。而HTML 5基于XML(标准通用标记语言的子集),因此不需要对 DTD 进行引用,但是需要!DOCTYPE来规范浏览器的行为(让浏览器按照它们应该的方式来运行)。

例如:

<!DOCTYPE HTML>

<html>

 <head>

<meta charset="utf-8">

     <title>网页文档标题</title>

 </head>

 <body>文档的内容</body>

</html>

2.2.2          HTML5标记< html >……< /html >

标记(或标签)<html>,说明该文件是用超文本标记语言(本标签的中文全称)来描述的,<HTML>是文件的开头;而</html>则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。

2.2.3          头标记< head >……< /head >

<head></head>,这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容,它本身不作为内容来显示,但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符,其中标题标记符用于定义网页的标题,它的内容显示在网页窗口的标题栏中,网页标题可被浏览器用作书签和收藏清单。

2.2.4          网页主体标记< body>……< /body >

<body> 元素定义文档的主体。

<body> 元素包含文档的所有内容,比如文本、超链接、图像、表格、列表等等。

2.2.5          页面注释标记<!—注释内容-->

HTML注释由"<!--"号开始,由符号”-->“结束结束,例如<!--注释内容-->。注释内容可插入文本中任何位置。任何标记若在其最前插入惊叹号,即被标识为注释,不予显示。

posted @ 2019-08-08 15:48  卑微小吴  阅读(949)  评论(0编辑  收藏  举报