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小时内删除。