html5語法

starof發表於2015-06-16

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>之類的省略掉,但是通常情況不建議省略。這樣做可使文件更加規範。