HTML和XHTML知識總結

1、HTML

1.1 HTML源於SGML（標準通用標記語言），遵循SGML指定的語法和規則，可是從HTML5開始將再也不基於SGML

1.2 HTML將網頁抽象成三部分：HTML,CSS,JS。其中HTML負責內容和結構，CSS負責樣式呈現，JS負責動態交互（這裏的動態交互不是頁面中的一些動態效果，而是有與數據庫等相關聯的數據動態）

1.3 將網頁抽象成三部分的優勢：① 加強了可讀性；②便於維護和調用；③減小了沒必要要的請求

1.4 W3C：是一個指定各類標準的非營利機構，標準包括：HTML,CSS,XHTML,XML，但不包括網絡相關的協議

1.5 web標準指定後的優勢：① 學習成本下降，只須要按照w3c標準學習就行，不然要學習各個瀏覽器的標準；② 統一開發流程，便於多人協做；③ 簡化網站代碼的維護，不會有不一樣瀏覽器的多個版本，網頁壽命也更長；④ 跨平臺，可方便遷移到不一樣設備中；⑤ 實用又專業

1.6 OSI參考模型是由OSI（國際標準化組織）指定，將協議分紅了七層：應用層，表示層，會話層，傳輸層，網絡層，數據連接層和物理層

1.7 HTML的基本結構包括 DOCTYPE,HTML。head，body；任何HTML文檔都須要這四個元素

1.8 DOCTYPE用戶聲明文檔類型和規範DTD，確保不一樣瀏覽器用相同方式解析文檔，執行相同的渲染模式

1.9 瀏覽器的渲染模式：

  　　①標準模式：按照W3c標準解析執行代碼

 　　 ②接近標準模式：是由某些DOCTYPE觸發的，基本上是標準模式，除了一些例外

　　  ③怪異模式：使用瀏覽器本身的方式解析執行代碼，一些錯誤或者無用的doctype會觸發怪異模式

　　　　怪異模式下的一些怪癖：

　　　　　　① 寬度和高度與W3C盒模型不一樣

　　　　　　② 表格中的字體樣式不會被繼承

　　　　　　③ 設置margin auto不會實現居中水平

　　　　　　④ 當內容超出容器高度時，會把容器拉伸

　　　　　　⑤ 顏色必需要用16進制

2、XHTML

XHTML是HTML的子集，徹底兼容HTML，可是格式嚴謹

HTML和XHTML的區別：

• XHTML 元素必須被正確地嵌套。
• XHTML 元素必須被關閉。
• 標籤名必須用小寫字母。
• XHTML 文檔必須擁有根元素。

HTML和XHTML的共同點：

• 註釋標籤裏面的內容都會被忽略
• 元素的屬性都須要引號包裹
• 有些特殊字符必須被替換爲實體引用

3、轉義符

ASCLL總共有128個字符，有33個字符沒法轉義：0-31和127

 

4、設置屏幕全屏顯示（無滾動條）

 

      //若是無效的話則與界面的佈局有關，可在最大的盒子釐米設置以下屬性
　　　　  html,body {
            height:100%;
            width:100%;
            overflow:hidden;
            margin:0;
            padding:0;
        }    

5、三欄式佈局

目前我只瞭解了三種佈局，具體可參考連接寫的很詳細

6、H5新增元素

7、語義化理解

語義化的目的是爲了讓元素的語義和呈現分離，元素只負責文章的結構和含義，CSS控制內容的呈現（如strong標籤是，b標籤就不是）

8、舊版本和新版本H5的區別之處

1.舊版本的HTML比較依賴瀏覽器的插件，如播放視頻須要安裝flash插件

2.H5再也不基於SGML，因此文檔聲明類型（DOCTYPE）只有一種

3.H5消除了過期了或冗餘的元素參考博客

4.H5增長了一些語義化元素，和一些新的功能

5.H5規定了新的全局屬性和元素屬性W3C官網

9、webAPP、nativeAPP、hybridAPP

webapp:利用web瀏覽器和web技術經過網絡執行任務的應用

nativeAPP：以特定語言編寫的智能手機應用程序

hybridAPP：將webapp包裝在本機容器中

10、微格式

微格式：經過添加屬性（class和rel）和元數據（link元素）的方式來實現web的語義化

目前新版的微格式定義了五種類前綴：

h*:根元素

p*:表示一個純文本元素

u*:表示一個連接元素

dt*:將元素做爲日期和時間

e*:解析元素的內容