HTML5简介

来源:互联网 发布:全知之眼纹身意义 编辑:程序博客网 时间:2024/05/20 05:04

前端开发师必须掌握的三种技能:

1、描述网页内容的HTML

2、描述网页样式的CSS

3、描述网页行为的JavaScript


HTML的全称是Hyper Text Markup Language(超文本标记语言),它是互联网上应用最广泛的标记语言。Html标记语言简单的说,Html文件就是普通文本+HTML标记(标签),不同的HTML标记能表示不同的效果。

XHTML 的全称是eXtensible Hyper Text Markup Language(扩展的超文本标记语言),XHTML和HTML4.01有很好的兼容性,而且XHTML更为严格和纯净。HTML的语法非常自由,所以HTML文档同事也非常混乱。XHTML致力于消除这种不规范,于是它要求HTML文档首先要是一份XML文档。

XML文档是一个结构化的文档,它有以下4条基本规则:

1、整个文档有切仅有一个根元素

2、每个元素都由开始标签和结束标签组成。除非是用空元素语法。

3、元素与元素之间应该合理嵌套。

4、元素的属性必须有属性值,且属性值应该用引号引起来

为什么要规范化HTML文档呢?

因为计算机的游览器虽然可以对付各种不规范的HTML文档,但很多运行在移动电话和手持设备上,它们就没有能力来处理这些糟糕的标记语言。

因此W3C建议使用XML规范来约束HTML文档,将XML和HTML的长处加以结合就得到了我们现在使用的标记语言:XHTMl.


W3C(World Wide WEB Consortium,万维网联盟,制定Web标准的权威组织)为HTML和XHTML制订了严格的语义约束,W3C组织使用DTD(Document Type Definiton,文档类型定义)来定义HTML和XHTML的语义约束,包括HTML文档中可以出现哪些元素,各元素支持哪些属性等。


由于实际上很少有页面完全遵守HTML4.01和XHTML规范,在这样的背景下,WHATWG工作室制订了一个全新的HTML标准,即HTML5.

现有的HTML页面存在大量以下4种不符合规范的内容:

1、元素标签名大小写混杂的情况。

2、元素没有合理结束的情况。

3、元素中使用了属性,但没有指定属性值的情况。

4、为元素的属性制定属性值时没有使用引号的情况。

既然互联网上大量存在上述4种不符合规范的内容,而制作者也不打算改进。WHATWG组织干脆承认他们是符合规范的,并制订了一种“妥协式”的规范:HTML5。由于HTML5的规范十分宽松,因此HTML5甚至不再提供文档类型定义(DTD)。

HTML5的优势:

1、从HTML4.01、XHTML到HTML5并不是一种革命性的升级,而是一种规范向习惯的妥协,因此HTML4.01过渡到HTML5非常轻松。

2、解决了跨游览器的问题。在HTML5以前,各浏览器对HTML,JavaScript的支持很不统一,这就造成了同一个页面在不同游览器中的不同表现。HTML5的目标是制定一个浏览器通用的规范。

3、HTML5增加了一些非常实用的功能,这些功能可以部分代替JavaScript,而这些功能只需要通过为标签增加一些属性即可。

4、增加了WEB应用程序的功能。为了客户机的安全,HTML页面做的太安全,导致HTML对WEB程序而言功能太单薄了,因此我们需要通过JavaScript等其他方式来增加HTML的功能。为了弥补这些不足,HTML5规范里增加了不少新的API。

HTML5的语法变化:

总的来说HTML5变得更宽容了。验证HTML页面是否符合规范,W3C提供了一个在线验证的页面,页面地址是http://validator.w3.org/。

1、标签不再区分大小写。

2、允许部分元素可以省略结束标签。甚至允许元素同时省略开始和结束标签。HTML中省略标签主要有以下3种。

(1)空元素语法的元素:area、base、br、col、 command、embed、hr、img、input、keygen、link、mata、param、source、wbr.这些标签不允许将开始标签和结束标签分开定义。

(2)可以省略结束标签的元素:colgroup、dt、dd、li、optgroup、option、p、rt、rp、thead、tbody、tfoot、tr、td、th。这种语法纯属向以前不规范的HTML页面妥协。

(3)可以省略全部标签:html、head、body、tbody

3、允许部分“标志性”的属性省略属性值。

4、允许属性值不适用引号




0 0