HTML5概述

HTML 5 是一種「妥協式」的網頁製做規範,執行更寬鬆的語法標準,且再也不提供文檔類型定義(DTD:document type definition)html

HTML 5 的優點:解決跨瀏覽器問題、部分代替了原來的Javascript、更明確的語義支持、加強了Web應用程序的功能瀏覽器

HTML 5 的基本結構和語法變化測試

HTML 5 的基本結構:

使用<!DOCTYPE html>代替原來的DTD,HTML5結構:spa

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>文檔標題</title>
</head>

<body>
    <p>文檔內容</p>
</body>
</html>

HTML 5 的語法變化

a、標籤再也不區分大小寫,下面的寫法在HTML5中是被容許的。

<p>我是HTML5</P>

b、部分元素不能寫結束標籤,而有些元素是能夠省略結束標籤,下面的元素是不能寫結束標籤的

area、base、br、col、command、embed、hr、img、input、keygen、link、mate、param、source、wbr
code

這些元素不容許寫結束標籤,像這樣<img>...</img>,應該寫成<img ... />htm

而下面的這些元素,是能夠省略結束標籤的,也就是可寫也能夠不寫。ip

colgroup、dt、dd、li、optgroup、option、p、rt、rp、thead、tbody、tfoot、tr、td、th開發

<p>其實我是一個p標籤

像上面的寫法在HTML5中是被容許的。文檔

還有一種狀況是能夠省略所有標籤的,像下面的這些元素字符串

html、head、body、tbody

<!DOCTYPE html>
<title>This is a Title</title>
<p>我是一個段落,但沒有結束標籤
<ol>
  <li>aaaaaa
  <li>bbbbbb
  <li>cccccc
  <img src="a.gif" alt="a" />
</ol>

上面的代碼在HTML5中是被容許的,沒有html、head和body標籤

c、容許省略屬性值的屬性

HTML5容許能夠不寫屬性的值,不寫屬性值或賦值爲一個空字符串,表示爲true,不寫屬性就表示該屬性爲false

<input type="checkbox" checked />
<input type="text" readonly />
<input type="text" disabled />
<option value="1" selected />

固然,HTML5也容許開發者執行XHTML的嚴格語法

d、容許屬性值不使用引號

HTML5容許屬性值不使用引號,這在XHTML中是被禁止的。

<img src=a.gif alt=測試 />
相關文章
相關標籤/搜索