HTML5基本结构和语法
1.1HTML5文档基本结构
HTML5文档省略了,
,等元素,使用HTML5的DOCTYRE声明文档类型,简化元素的charset属性值,省略元素的结束标记,使用<元素 />的方式来结束元素,以及
元素等语法知识要点。
【示例】
DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML基本语法title>
head>
<body>
<h1>HTML5的目标h1>
<p>HTML5的目标是为了能够创建更简单的Web程序,书写出更简洁的HTML代码。p><br />
body>
html>
1.2HTML5基本语法
1.2.1内容类型
HTML5文件扩展名为:“。html”或“.htm”,内容类型(ContentType)为“text/htmml”。
1.2.2文档类型
DOCTYRE命令声明文档的类型,它是HTML文档必不可少的组成部分,且必须位于代码的第一行。
1.2.3标记省略
元素的标记分为3种类型:不允许写结束标记、可以省略结束标记、开始标记和结束标记全部可以省略。
不允许写结束标记的元素是指,不允许使用开始标记与结束标记将元素括起来的形式,只允许使用<元素 />的形式进行书写。例如:
错误的书写方式:
<br> br>
<br />
正确的书写方式:
1.2.4布尔值
对于boolean值的属性,如disabled与readonly等,当只写属性而不指定属性值时,表示属性值为true;如果想要将属性值设为false,可以不使用该属性。另外,要想将属性值设定为true时,也可以将属性名设定为属性值,或将空字符串设定为属性值。
【示例】
<input type="checkbox" checked/>
<input type="checkbox"/>
<input type="checkbox" checked="checked"/>
<input type="checkbox" checked=""/>
1.2.5属性值
属性值两边既可以用双引号,也可以用单引号。当属性值不包括空字符串、<、>、=、单引号、双引号等字符时,属性值两边的引号可以省略。
【示例】
<input type="text"/>
<input type='text'/>
<input type=text/>