2.1     Web标准

Web标准，使得Web开发更加容易。Web标准由万维网联盟（W3C）制定。

2.1.1          Web标准概述

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

１.   对于访问者

（1）文件下载和内容显示速度更快

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

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

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

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

２.   对于网站所有者

（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）XML

（2）XHTML

２.   表现标准语言

CSS层叠样式表

３.   行为标准

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

HTML5网页文档结构的更多相关文章

  1. HTML5的文档结构

    HTML5的文档结构 HTML5简化了许多,它的设计遵循了3个原则:1.兼容性.2.实用性.3.通用访问性     1. header 元素     <header> 标签定义文档或者文档 ...

  2. HTML5的文档结构和新增标签

    一．HTML5 文档结构1.第一步:打开 开发工具,打开指定文件夹:2.第二步:保存 index.html 文件到磁盘中,.html 是网页后缀:3.第三步:开始编写 HTML5 的基本格式.< ...

  3. html5 标准文档结构

    <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset=" ...

  4. 小强的HTML5移动开发之路（42）——HTML4与HTML5文档结构比较

    一般来说,人们在书写包括HTML在内的文档时,习惯上按照类似于"章--节--小节"这样的层次结构来进行. 在HTML4中的描述方式: <html> <head&g ...

  5. html 初识 文档结构 常用标签

    HTML初识 △HTML: 超文本标记语言,是一种用于创建网页的标记语言,不是编程语言,没有逻辑 本质上是浏览器可识别的规则 我们按照规则写网页,浏览器根据规则渲染我们的网页.对于不同的浏览器,对同一 ...

  6. HTML文档结构

    下面对HTML文档结构进行一 一解释: 1.文档声明:既不是元素,也不是注释: 代码格式:<! DOCTYPE html> 注:必须写在HTML文档的第一行 原因:告诉浏览器使用哪个版本的 ...

  7. 4. svg学习笔记-文档结构元素和样式的使用

    svg除了绘图元素之外还有一部分是专门用于文档结构的,这类元素有<g>,<use>,<defs>,<symbol>等 <g>元素 如果我们仅 ...

  8. HTML的文档结构与语法（一）

    一.走进Web开发 Web运行的原理: 二.HTML 1.1什么是html HTML是用来描述网页的一种语言 HTML指的是超文本标记语言(Hyper Text Markup Language) 超文 ...

  9. Win 10 开发中Adaptive磁贴模板的XML文档结构，Win10 应用开发中自适应Toast通知的XML文档结构

    分享两篇Win 10应用开发的XML文档结构:Win 10 开发中Adaptive磁贴模板的XML文档结构,Win10 应用开发中自适应Toast通知的XML文档结构. Win 10 开发中Adapt ...

随机推荐

  1. Python3中tornado高并发框架

    1.单线程tornado.web:基础web框架模块tornado.ioloop:核心IO循环模块,高效的基础.封装了:1.asyncio 协程,异步处理2. epoll模型:水平触发(状态改变就询问 ...

  2. Spring Boot教程（三十八）使用MyBatis注解配置详解（1）

    之前在Spring Boot中整合MyBatis时,采用了注解的配置方式,相信很多人还是比较喜欢这种优雅的方式的,也收到不少读者朋友的反馈和问题,主要集中于针对各种场景下注解如何使用,下面就对几种常见 ...

  3. HNOI2012矿场搭建

    做完Mining Your Own Business后觉得这个题没什么意思了,数据范围小的连边数不清空都能A. 题解直接看这篇吧.做题的经历也挺……对吧. #include<iostream&g ...

  4. 线程系列2--Java线程的互斥技术

    java的多线程互斥主要通过synchronized关键字实现.一个线程就是一个执行线索,多个线程可理解为多个执行线索.进程有独立的内存空间,而进程中的线程则是共享数据对象资源.这样当多个执行线索在C ...

  5. Travis-CI自动化测试并部署至自己的CentOS服务器

    一直都想自己部署一下自动化测试部署,在了解了Travis-CI之后终于准备在这次和小伙伴一起做的一个博客类网站实验下了. 因为这是一个前后端分离的项目,所以我这里只管前端工程的自动化部署,前端主要用V ...

  6. ajax 415

    ajax 发送post请求是出现415错误,是ajax的格式有问题,如下. $.ajax({ type: 'POST', url: '/login', data: { "username&q ...

  7. vue中如何刷新页面

    vue中刷新页面的方法 1. 不能使用 this.$router.go(0) 或者 window.reload() 不起作用还特别恶心 这个才是有效果的刷新页面,只要照图敲,就能有效果 我们在 app ...

  8. Java——重写hashCode()和euqals()方法

    1.顺序表的问题 查找和去重效率较低 对于这样的顺序表来说,如果需要查找元素,就需要从第一个元素逐个检查,进行查找.对于需要去重的存储来说,每次存入一个元素之前,就得将列表中的每个元素都比对一遍,效率 ...

  9. Canvas学习：封装Canvas绘制基本图形API

    Canvas学习:封装Canvas绘制基本图形API Canvas Canvas学习   从前面的文章中我们了解到,通过Canvas中的CanvasRenderingContext2D对象中的属性和方 ...

  10. LC 644. Maximum Average Subarray II 【lock，hard】

    Given an array consisting of n integers, find the contiguous subarray whose length is greater than o ...