HTML,XML,XHTML
- HTML是一種超文本標記語言,語法不嚴格,比如標簽大小寫,標簽不閉合等
- XML是一種可擴展標記語言,XML的標簽需要自定義
- XHTML是一種可擴展超文本標記語言
xml和html的區(qū)別
- html只能用于在網(wǎng)頁中,而XML可以跨平臺進行信息交流
- XML的標簽是自定義的,非常靈活多變,但是html的標簽是展示給瀏覽器的,是限定的
- xml主要用來傳輸和存儲數(shù)據(jù),旨在傳輸信息。而html則主要用在顯示數(shù)據(jù)。
xhtm和html的區(qū)別
xhtml比html更加嚴格,要求標簽必須被閉合,必須使用小寫,必須合理被嵌套,屬性要使用雙引號(“ ”),所有標簽必須被關(guān)閉
為什么要使用html的語義化
- 在沒有css的時候,頁面也能呈現(xiàn)出良好的結(jié)構(gòu)
- 有利于SEO,有助于爬蟲獲取更多有效信息,依賴于標簽來確定上下文和各個關(guān)鍵字的權(quán)重
- 方便其他設(shè)備解析(如屏幕閱讀器、盲人閱讀器、移動設(shè)備)以意義的方式來渲染網(wǎng)頁
- 有利于團隊開發(fā)和維護,團隊成員都遵循h(huán)tml的語義化可以減少差異化
為什么html(結(jié)構(gòu)),css(樣式),JavaScript(表現(xiàn))要分離
- 利用css的重用和繼承可以使結(jié)構(gòu)更加清晰
- html和css分離,在修改樣式時可以直接修改css文件而不用到html中尋找到具體某個位置再進行修改,省時省力
- css和JavaScript分離可以通過JavaScript添加className來改變樣式
- 利于模塊化開發(fā)
常見的meta標簽
** ** <meta charset="utf-8"> //charset用來聲明編碼格式
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> //如果使用ie瀏覽器就用最新的ie來渲染頁面 ,若果用谷歌瀏覽器就用chrome的方式來渲染
<meta name="viewport" content="width=device-width,intial-scale=1,maximum-scale=1"> //該行主要用于移動端設(shè)備,顯示窗口寬度是客戶端的屏幕寬度
<html lang="en">
** ** lang表示當前瀏覽器的語言
<!DOCTYPE html>
doctype用來聲明文檔類型,doctype html聲明文檔類型為html5
網(wǎng)頁顯示亂碼的原因
編輯器保存的格式和charset的格式不一致



標準模式和混雜模式
- 在標準模式中,瀏覽器以其支持的最高標準呈現(xiàn)頁面
- 在混雜模式中,頁面以一種比較寬松的向后兼容的方式顯示?;祀s模式通常模擬老式瀏覽器的行為以防止老站點無法工作。
| 常用瀏覽器 | 內(nèi)核 |
|---|---|
| Chrome&Safari | Webkit |
| Opera | Presto |
| Firefox | Gecko |
| ie | Trident |