HTML5 語法基礎二(筆記)

HTML5 語法基礎二（筆記）

一、 HTML 語法簡介

1、HTML 介紹

1-1、HTML的全稱

1-2、誰發明了HTML

1-3、HTML的版本進化

1-4、HTML5

2、HTML全稱：

Hyper Text Markup Language

超 文本 標記 語言

3、誰發明了HTML？

HTML 是在1982年由Tim Berners-Lee 給出原始定義，進一步成為國際標準，由全球資訊網聯盟（W3C） 維護。

4、HTML的版本進化

HTML1.0 --- HTML2.0 --- HTML3.0 --- HTML4.0 --- XHTML1.0 --- HTML5.0

XHTML：

eXtensible Hyper Text Markup Language

可擴展 超 文本 標記 語言

XHTML也是一種標記語言，表現方式與HTML4.0類似，不過語法上更加嚴格

XHTML基於XML（可擴展標記語言）

XHTML1.0在2000年1月26日成為W3C的推薦標準。

HTML5 的由來：

2007年4月10日，Mozilla 基金會、蘋果、Opera軟體公司組成的WHATWG小組建議W3C採納HTML5。

2007年5月9日，新HTML工作組採納了他們的建議。

2014年10月29日，W3C宣傳，經過幾乎8年的艱辛努力，該標準規範終於最終制定完成。

二、HTML 語句的基本格式

1、XHTML1.0 語法公式

2、HTML5.0 語句基本格式及建議

1、XHTML1.0 語法基本格式

<標籤 屬性="屬性值" 屬性="屬性值">內容標籤>

內容

1、標籤和屬性都為英文小寫

2、必須用英文半角雙引號""

代碼示例：

內容

1、以上代碼中，標籤是誰？他具有哪些屬性？

2、Stop();在這裡標籤還是屬性還是屬性值？

當標籤中無內容時：

<標籤 屬性="屬性值" />

<img src="圖像地址" />

2、HTML5 基本語法

在html5中兼容xhtml1.0語法，同時也允許：

標籤與屬性可以使用大寫（註：為了兼容HTML4.0,並不建議）

標籤可以不結束

部分屬性值可以省略

建議在HTML5中主要使用較嚴謹的XHTML1.0語法

標籤和屬性使用小寫字母

無內容的標籤可以直接省雲結束

無值的屬性可以省雲屬性值

舉例：

----

標籤是章節的意思

title here

<video src="video.ogv" poster="poster.jpg" width="320" height="240" < span>controls >瀏覽器不兼容時會出現的信息

texe here

小結：

<標籤 屬性="屬性值" 屬性="屬性值">內容標籤>

<標籤 屬性="屬性值">

<標籤 屬性>

三、HTML標籤關係與DOM

1、標籤關係

2、DOM

1、標籤關係

標題

--- 01、標籤可以與另一個標籤並列

段落文本

--- 01、標籤可以與另一個標籤並列

--- 02、標籤可以嵌套其他標籤

列表項--- 02、標籤可以嵌套其他標籤列表項錯誤的標籤關係：段落標籤不可以交叉嵌套。手寫代碼技巧：立即寫結束標籤2、DOM --- 文件對象模型（Document Object Model）類似下來的樹型結構圖：bodyh1pullili小結：標籤可以與標籤並列或嵌套，不可交叉。標籤之間的關係可以用DOM來表示。

四、HTML 的一般文檔結構--- html5 的頁面標準htmlhead --- 頁面頭部信息......body --- 網頁主體部分......常用的頭元素1、title2、meta 與字符編碼3、meta 與 seo1、title 標籤2、meta 與字符編碼常見編碼集：Gb2312Big5UTF-8(Unicode)3、meta 標籤和 SEO 搜尋引擎優化01.02.4、其它head 中還可能出現以下元素style --- CSS樣式塊script --- javascript 等程序塊link --- 關聯外部文件，如css文件....小結：head中的常見子元素有 title 和 metameta 與字符編碼集、搜尋引擎優化有關推薦字符編碼集UTF-8