HTML5学习—HTML5基础

HTML5文档基本结构

HTML5文档省略了、、等元素,使用HTML5的DOCTYPE声明文档类型,简化元素的charset属性值,省略

元素的结束标记,使用<元素/>的方式来结束元素,以及
元素等语法知识要点。例如:



HTML5基本语法

HTML5的目标

HTML 5的目标是为了能够创建更简单的Web程序,书写出更简洁的HTML代码。

HTML5基本语法

与HTML4相比,HTML5在语法上发生了很大的变化。为了确保兼容性,HTML5根据web标准,重新定义了一套在现有HTML基础上修改而来的语法,以便在各浏览器上运行HTML的时候能够符合通用标准。

1.内容类型

HTML5的文件扩展名和内容类型保持不变。例如,扩展名仍为".html"或".htm",内容类型(ContentType)仍为"text/html"。

2.文档类型

DOCTYPE命令声明文档的类型,它是HTML文档必不可少的组成部分,且必须位于代码的第一行。HTML5对文档类型和字符说明都进行了简化。

在HTML4中,文档类型的声明方法如下:

在HTML5中,刻意不使用版本声明,一份文档将会适用于所有版本的HTML。例如:

在HTML5中,DOCTYPE声明方式是不区分大小写的,引号也不区分单引号还是双引号。

3.字符编码

在HTML4中,使用meta元素定义文档的字符编码,例如:

在HTML5中,继续沿用meta元素定义文档的字符编码,但是简化了charset属性的写法:

对于HTML5来说,上述两种方法都是有效的。但是不能同时混用两种方式。

4.标记省略

在HTML5中,元素的标记可以省略。具体来说,元素的标记分为3种类型:不允许写结束标记、可以省略结束标记、开始标记和结束标记全都可以省略。

(1)不允许写结束标记的元素:area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。

(2)可以省略结束标记的元素:li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。

(3)可以省略全标记的元素:html、head、body、colgroup、tbody。

5.布尔值

对于具有boolean值的属性,如disabled与readonly等,当只写属性而并不指定属性值时,表示属性值为true;如果想要将属性值设为false,可以不使用该属性。另外,想要将属性值设为true时,也可以将属性名设定为属性值,获将空字符串设定为属性值。

6.属性值

属性值两边既可以用双引号也可以用单引号。HTML5在此基础上做了一些改进,当属性值不包括空字符串、<、>、=、单引号、双引号等字符时,属性值两边的引号可以省略。例如:



 

你可能感兴趣的:(学习心得)