一. HTML 初識
HTML 指的是超文本標(biāo)記語言 (Hyper Text Markup Language)是用來描述網(wǎng)頁的一種語言。
HTML 不是一種編程語言，而是一種標(biāo)記語言 (markup language)
標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
網(wǎng)頁是由網(wǎng)頁元素組成的 ， 這些元素是利用html標(biāo)簽描述出來，然后通過瀏覽器解析，就可以顯示給用戶了。
所謂超文本，有2層含義：
因為它可以加入圖片、聲音、動畫、多媒體等內(nèi)容（超越文本限制 ）
不僅如此，它還可以從一個文件跳轉(zhuǎn)到另一個文件，與世界各地主機(jī)的文件連接（超級鏈接文本 ）。
二、HTML骨架標(biāo)簽總結(jié)
標(biāo)簽名定義說明
<html></html>HTML標(biāo)簽頁面中最大的標(biāo)簽，我們成為? 根標(biāo)簽
<head></head>文檔的頭部注意在head標(biāo)簽中我們必須要設(shè)置的標(biāo)簽是title
<titile></title>文檔的標(biāo)題讓頁面擁有一個屬于自己的網(wǎng)頁標(biāo)題
<body></body>文檔的主體元素包含文檔的所有內(nèi)容，頁面內(nèi)容基本都是放到body里面
我的第一個頁面這是body，文檔的主體，頁面內(nèi)容基本都是放到body里面
團(tuán)隊約定大小寫:
HTML標(biāo)簽名、類名、標(biāo)簽屬性和大部分屬性值統(tǒng)一用? 小寫
三、HTML元素標(biāo)簽分類
常規(guī)元素（雙標(biāo)簽）
<標(biāo)簽名>內(nèi)容比如我是文字
空元素（單標(biāo)簽）
四、HTML標(biāo)簽關(guān)系
嵌套關(guān)系
title
并列關(guān)系
五、文檔類型<!DOCTYPE>
<!DOCTYPE html>
作用：
聲明位于文檔中的最前面的位置，處于 標(biāo)簽之前。此標(biāo)簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范。? 就是告訴瀏覽器按照HTML5 規(guī)范解析頁面.
六、頁面語言lang
指定該html標(biāo)簽內(nèi)容所用的語言
最常見的2個：
en定義語言為英語
zh-CN定義語言為中文
團(tuán)隊約定：
考慮瀏覽器和操作系統(tǒng)的兼容性，目前仍然使用 zh-CN 屬性值
拓展：
可能對于程序來說沒有太大的作用，但是它可以告訴瀏覽器，搜索引擎，一些處理HTML的程序?qū)撁嬲Z言內(nèi)容來做一些對應(yīng)的處理或者事情。
比如可以:
根據(jù)根據(jù)lang屬性來設(shè)定不同語言的css樣式，或者字體
告訴搜索引擎做精確的識別
讓語法檢查程序做語言識別
幫助翻譯工具做識別
幫助網(wǎng)頁閱讀程序做識別
等等
七、字符集
utf-8是目前最常用的字符集編碼方式，常用的字符集編碼方式還有gbk和gb2312。
gb2312簡單中文? 包括6763個漢字? GUO BIAO
BIG5繁體中文 港澳臺等用
GBK包含全部中文字符? ? 是GB2312的擴(kuò)展，加入對繁體字的支持，兼容GB2312
UTF-8則基本包含全世界所有國家需要用到的字符
這句代碼非常關(guān)鍵， 是必須要寫的代碼，否則可能引起亂碼的情況。
這句話是讓 html 文件是以 UTF-8 編碼保存的， 瀏覽器根據(jù)編碼去解碼對應(yīng)的html內(nèi)容。
團(tuán)隊約定：
一般情況下統(tǒng)一使用"UTF-8"編碼, 請盡量統(tǒng)一寫成標(biāo)準(zhǔn)的"UTF-8"，不要寫成"utf-8"或"utf8"或"UTF8"。
八、HTML標(biāo)簽的語義化
根據(jù)標(biāo)簽的語義，在合適的地方給一個最為合理的標(biāo)簽，讓結(jié)構(gòu)更清晰。
標(biāo)簽語義化可以：
方便代碼的閱讀和維護(hù)
同時讓瀏覽器或是網(wǎng)絡(luò)爬蟲可以很好地解析，從而更好分析其中的內(nèi)容
使用語義化標(biāo)簽會具有更好地搜索引擎優(yōu)化
語義是否良好： 當(dāng)我們?nèi)サ鬋SS之后，網(wǎng)頁結(jié)構(gòu)依然組織有序，并且有良好的可讀性。(? 裸奔起來一樣好看 )
遵循的原則：先確定語義的HTML ，再選合適的CSS。
例如：段落我們一般用<p></p>標(biāo)簽,標(biāo)題一般用<hx></hx>標(biāo)簽。
作者：周浩zz
鏈接：http://www.itdecent.cn/p/21f3c474a44e
來源：簡書
簡書著作權(quán)歸作者所有，任何形式的轉(zhuǎn)載都請聯(lián)系作者獲得授權(quán)并注明出處。
