html5語法

時間 2019-12-13

標籤 html5 html 語法欄目 HTML5 简体版

原文原文鏈接

html5語法沿用html語法，但更簡單，更人性化。 javascript

1、DOCTYPE及字符編碼

DOCTYPE:<!doctype html>或者<!DOCTYPE html>由於html5語法不區分大小寫。css

文檔指定語言：<html lang="zh-CN">html

lang能夠指定任意html元素使用的語言，lang的值必須是一個有效的iso語言代碼，可訪問http://tools.ietf.org/html/bcp47瞭解更多。須要注意的是處理語言是一個至關複雜和有技術含量的事情。html5

<p lang="en">Hello - how are you?</p>
<p lang="fr">Bonjour - comment êtes-vous?</>
<p lang="es">Hola - ¿cómo estás?</p>

字符編碼：java

html5:ui

<meta charset="utf-8">

html:編碼

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

不能同時混合使用兩種方式。orm

css和js加載：<link>和<script>元素再也不須要type屬性htm

html5:ip

<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>

2、大小寫均可以

大小寫在html裏均可以，可是在xhtml【特別是strict模式】必須嚴格區分大小寫。

爲何html5反而大小寫均可以了呢？是爲了兼容更多的文檔，就再也不區分大小寫。

3、布爾值

html寫法：<input type="checkbox" checked="checked">

html5寫法：<input type="checkbox" checked>

html5中增長布爾值，有屬性爲true，沒有屬性爲false。

4、省略引號

<input type=checkbox>三種寫法均可以。

當屬性值不包括空字符串、「<」、「>」、"="、單引號、雙引號等字符時，屬性兩邊的引號能夠省略。

屬性有空格固然就必須有單引號或者雙引號。

5、能夠進行省略的標籤

一、不容許寫結束符的標籤：area,basebr,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr。

舉例：正確寫法<input/><br/>

二、能夠省略結束符的標籤：

li,dt,dd,p,rt,optgroup,option,colgroup,thread,tbody,tr,td,th

舉例：

html段落:<p>段落</p>

html5段落：<p>段落

三、能夠徹底省略的標籤：

html,head,body,colgroup,tbody

固然沒有說能夠省略title。

因此下面的寫法也是標準的html5文檔。

<!doctype html>
<title>test</title>
<form>
<input type="checkbox" checked />
</form>

注意：雖然html5語法很人性化，可是大小寫仍是建議小寫，引號建議使用雙引號，能夠省略的標籤在發送html5郵件時能夠把這些<html><body>之類的省略掉，可是一般狀況不建議省略。這樣作可以使文檔更加規範。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。