資訊專欄INFORMATION COLUMN
摘要：概念前端最核心的技術(shù)結(jié)構(gòu)骨架樣式效果用戶行為做的事情超文本標(biāo)記語言超文本文本文件瀏覽器可以直接打開如果具有中文，可能出現(xiàn)亂碼問題標(biāo)記語法結(jié)構(gòu)標(biāo)簽名注意瀏覽器解析標(biāo)記規(guī)定的標(biāo)記內(nèi)容注意是不嚴(yán)格的語言允許不用編寫所有內(nèi)容標(biāo)簽名
HTML
概念
前端最核心的技術(shù) HTML + CSS + javascript
HTML - 結(jié)構(gòu) - 骨架
CSS - 樣式 - 效果
JAVASCRIPT - (用戶)行為 - 做的事情
超文本標(biāo)記語言
超文本
文本(txt文件) - 瀏覽器可以直接打開
如果具有中文，可能出現(xiàn)亂碼問題
標(biāo)記
語法結(jié)構(gòu) - <標(biāo)簽名>
注意 - 瀏覽器解析標(biāo)記（規(guī)定的標(biāo)記內(nèi)容）
注意
HTML是不嚴(yán)格的語言
允許不用編寫所有內(nèi)容
標(biāo)簽名沒有明確的規(guī)定(大小寫)
建議標(biāo)簽名使用小寫
XHTML
解釋為嚴(yán)格意義的HTML
HTML結(jié)構(gòu)
- 聲明:當(dāng)前頁面使用的是哪個(gè)HTML版本
- 根標(biāo)簽:有且僅有一個(gè)
- 用于設(shè)置當(dāng)前頁面的信息
- 設(shè)置當(dāng)前頁面的編碼
Title - 當(dāng)前頁面的標(biāo)題
- 用于顯示在瀏覽器中
聲明
注意 - 必須在HTML文檔的 0 行 0 列
記住 - HTML5的聲明
作用 - 告訴瀏覽器當(dāng)前HTML頁面使用的版本
不同的HTML版本支持不同的標(biāo)記(標(biāo)簽)內(nèi)容
根標(biāo)簽
除聲明以外，所有內(nèi)容全部被包含在根標(biāo)簽中
注意 - 有且僅有一個(gè)
標(biāo)記（標(biāo)簽）
起始標(biāo)簽 - 有開始，有結(jié)束
開始標(biāo)簽 - <標(biāo)簽名>
結(jié)束標(biāo)簽 -
空標(biāo)簽 - 只有開始標(biāo)簽
- 換行標(biāo)簽
注意 - 建議使用小寫
元素
第一個(gè)作用 - 設(shè)置當(dāng)前HTML頁面的編碼格式
第二個(gè)作用 - 設(shè)置當(dāng)前HTML頁面的關(guān)鍵字
第三個(gè)作用 - 設(shè)置當(dāng)前HTML頁面的描述(很少)
第四個(gè)作用 - 設(shè)置當(dāng)前HTML頁面的作者
HTML屬性
出現(xiàn)在標(biāo)簽中的開始標(biāo)簽中，而不是結(jié)束標(biāo)簽
格式
屬性名=屬性值
屬性值 - 必須使用雙引號(hào)包裹
HTML頁面被搜索引擎抓取