html5基礎第一篇
阿新 • • 發佈:2018-12-11
目錄
1.html檔案命名規範,語法規範
檔案以及資料夾的命名,絕對不允許使用中文,伺服器端不支援中文的解析。可以使用,英文字母,數字,_下劃線, - 減號。HTML檔案的副檔名,html、htm,現在統一使用html。HTML檔案,編碼格式/字符集 必須要使用 無BOM 的 utf-8。使用HTML5標準的文件型別宣告,<!DOCTYPE html>。HTML標籤,屬性都必須要使用小寫英文字母。單標籤在結尾處不要新增閉合符號。標籤屬性值必須使用雙引號包裹。布林屬性,不要寫屬性值。標籤巢狀必須符合巢狀規範。被巢狀標籤(子級標籤),需要與父級標籤使用4個空格做縮排。合法性驗證網站: http://validator.w3.org。
2.html檔案的基本框架架構
<!DOCTYPE html><!-- 文件型別宣告,表明此是一個HTML5的檔案,注意,大小寫必須按照標準格式寫--> <html lang="en"><!-- HTML檔案的根標籤,設定HTML程式的範圍--> <head> <!--"頭"標籤,設定HTML檔案的全域性資訊--> <meta charset="UTF-8"> <!--meta標籤,設定HTML的元資訊, charset="UTF-8"設定HTML檔案的編碼格式為utf-8國際通用編碼--> <title>Document</title> <!--設定HTML頁面標題的文字部分--> </head> <body><body><!--主體標籤,設定HTML檔案的主體內容--> </html>
3.標籤/標記/元素/物件/控制元件
組成HTML計算機語言的基本單位。
(1)語法:符號<>,區別普通內容輸入,與標籤輸入。<>當中可以寫:
- 標籤名稱。HTML語言規定好的標籤名稱。
- 屬性。屬性與標籤名稱之間用空格做間隔,屬性與屬性值之間用=連結,=號左右不要有空格。
- 屬性的屬性值。HTML所有的屬性值必須使用雙引號包裹。
- 多個屬性與屬性值用空格隔開。
(2)標籤分類
- 按照內容分類:單標籤,不需要內容的標籤。雙標籤,雙標籤,往往是一個表示標籤效果的開始,一個是表示效果的結束。
- 按照屬性分類:塊元素,獨佔一行的標籤。內聯元素/行內元素,可以顯示在一行之內的標籤。
(3)標籤的屬性
- 定義:用來修飾標籤的效果的內容.
- 分類:
1.全域性屬性.(所有標籤都具有的屬性)
-
title,html元素自己包含內容的公告
-
name,html元素的名稱,可以重複的
-
id,html元素的唯一標識,不能重複的
-
class,html元素的CSS類屬性
-
style,html元素的內聯CSS樣式宣告 data-* ,自定義屬性
2.布林屬性.定義的屬性值,等於屬性名稱,布林屬性,不推薦寫屬性值,雙引號之內,什麼都不要寫.
3.全域性事件屬性.配合JavaScript使用
4.布林屬性.定義的屬性值,等於屬性名稱,布林屬性,不推薦寫屬性值,雙引號之內,什麼都不要寫.
5.全域性事件屬性.配合JavaScript使用
(4)標籤屬性的屬性值
屬性值是由屬性來決定的,屬性值必須使用雙引號來包裹.
(5)標籤的巢狀
- HTML計算機語言,允許標籤的巢狀,也就是一個標籤的內容是另一個標籤
- 標籤的巢狀是有原則的,在CSS的元素屬性display中會詳細介紹