html5語法沿用html語法,但更簡單,更人性化。
一、DOCTYPE及字元編碼
DOCTYPE:<!doctype html>或者<!DOCTYPE html>因為html5語法不區分大小寫。
文件指定語言:<html lang="zh-CN">
lang可以指定任意html元素使用的語言,lang的值必須是一個有效的iso語言程式碼,可訪問http://tools.ietf.org/html/bcp47瞭解更多。需要注意的是處理語言是一個相當複雜和有技術含量的事情。
<p lang="en">Hello - how are you?</p> <p lang="fr">Bonjour - comment êtes-vous?</> <p lang="es">Hola - ¿cómo estás?</p>
字元編碼:
html5:
<meta charset="utf-8">
html:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
不能同時混合使用兩種方式。
css和js載入:<link>和<script>元素不再需要type屬性
html5:
<link href="main.css" rel="stylesheet" /> <script src="javascript.js"></script>
html:
<link href="main.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="javascript.js"></script>
二、大小寫都可以
大小寫在html裡都可以,但是在xhtml【特別是strict模式】必須嚴格區分大小寫。
為什麼html5反而大小寫都可以了呢?是為了相容更多的文件,就不再區分大小寫。
三、布林值
html寫法:<input type="checkbox" checked="checked">
html5寫法:<input type="checkbox" checked>
html5中增加布林值,有屬性為true,沒有屬性為false。
四、省略引號
<input type="checkbox">
<input type='checkboc'>
<input type=checkbox>三種寫法都可以。
當屬性值不包括空字串、“<”、“>”、"="、單引號、雙引號等字元時,屬性兩邊的引號可以省略。
屬性有空格當然就必須有單引號或者雙引號。
五、可以進行省略的標籤
1、不允許寫結束符的標籤:area,basebr,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr。
舉例:正確寫法<input/><br/>
2、可以省略結束符的標籤:
li,dt,dd,p,rt,optgroup,option,colgroup,thread,tbody,tr,td,th
舉例:
html段落:<p>段落</p>
html5段落:<p>段落
3、可以完全省略的標籤:
html,head,body,colgroup,tbody
當然沒有說可以省略title。
所以下面的寫法也是標準的html5文件。
<!doctype html> <title>test</title> <form> <input type="checkbox" checked /> </form>
注意:雖然html5語法很人性化,但是大小寫還是建議小寫,引號建議使用雙引號,可以省略的標籤在傳送html5郵件時可以把這些<html><body>之類的省略掉,但是通常情況不建議省略。這樣做可使文件更加規範。