HTML5⽂档基本结构和基本语法
1.1HTML5⽂档基本结构
  HTML5⽂档省略了<html>,<head>,<body>等元素,使⽤HTML5的DOCTYRE声明⽂档类型,简化<meta>元素的charset属性值,省略<p>元素的结束标记,使⽤<;元素 />的⽅式来结束<meta>元素,以及<br>元素等语法知识要点。
【⽰例】
<!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时,也可以将属性名设定为属性值,或将空字符串设定为属性值。
【⽰例】
<!-- 只写属性,不写属性值,代表属性值为true -->
<input type="checkbox" checked/>
<!-- 不写属性,代表属性值为false -->
<input type="checkbox"/>
<!-- 属性值=属性名,代表属性值为true -->
<input type="checkbox" checked="checked"/>
<!-- 属性值=空字符串,代表属性值为true -->
<input type="checkbox" checked=""/>
1.2.5属性值
  属性值两边既可以⽤双引号,也可以⽤单引号。当属性值不包括空字符串、<、>、=、单引号、双引号等字符时,属性值两边的引号可以省略。
【⽰例】
<input type="text"/>
<input type='text'/>
<input type=text/>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。