前端全棧學習第二章

初識 HTML

1.1 前端開發和后端開發

前端開發：側重于頁面的展示及用戶交互，涉及 HTML/CSS/JavaScript

后端開發：側重于數據的處理與服務的訪問，涉及數據庫/服務器層面

1.2 開發模式演進過程

C/S?架構：客戶端/服務器架構?? B/S?架構：瀏覽器/服務器架 構靜態頁面?->?復雜頁面?->?前后端分離?->?前端組件/模塊化開發

1.3 前端開發三大件

1、HTML:?網頁骨架 2、CSS:?網頁樣式 3、JS:?網頁功能與交互

WEB 開發標準：Web 應用開發需要遵循的標準，是一系列標準的集合

2.1 網頁的三個標準

1、結構標準?XML/HTML/XHTMLHTML:?定義網頁的內容，例如文字/圖片/視頻等等 2、表現標準?CSS CSS:?定義網頁內容的表現形式，例如字體的顏色/背景/標題大小等等 3、行為標準?DOM/JavaScript JavaScript:?定義網頁上的交互，控制網頁的行為，例如彈出彈框/頁面打開、關閉/輸入內容提示等等

2.2 標準制定

由 W3C 聯盟制定

參考：

HTML 5.1 2nd Edition 標準

HTML 5.2 標準

HTML 5.3 標準

2.3 標準制定流程

參考:?6.1.1 Recommendations and Notes

WD(Working?Draft/工作草案)?->?CR(Candidate?Recommendation/候選推薦標準)?->?PR(Proposed?Recommendation/建議推薦標準)?->?REC(Recommendation/推薦標準)

2.4 標準實現

由瀏覽器廠商，開發支持這些標準的瀏覽器

3.1 編輯器

推薦 VSCode:?Visual Studio Code 官網

推薦漢化插件：Chinese(Simplified) Language Pack for Visual Studio Code

HTML(HyperText Markup Language) 超文本標記語言，用來構建網頁的一種標記語言

4.1 歷史

*?1993?年由互聯網工程小組?(IETF)?發布工作草案 *?1995?年發布?HTML?2.0?版本 *?1997/1/14?由?W3C?發布?HTML?3.2?版本 *?1997/12/18?由?W3C?發布?HTML?4.0?版本 *?1999?年由?W3C?發布?HTML?4.01?版本 *?2000?年由?W3C?發布?XHTML?1.0?版本，他是一種更嚴格的?HTML?代碼 *?2014/10?W3C?發布?HTML5 ...

4.2 HTML vs XHTML

XHTML: 可擴展超文本標記語言，是一種更嚴格/更純潔的 HTML 語言

主要不同點:

1、XHTML?元素必須被正確地嵌套 2、XHTML?元素必須被關閉 3、標簽名必須用小寫字母 4、XHTML?文檔必須擁有根元素

驗證 html 文件是否符合標準:?Nu Html Checker

4.3 HTML 語義化

HTML 5 中新增了很多語義化標簽，不同的 HTML 標簽代表了不同的內容

優勢

1、使?HTML?結構變得清晰，有利于代碼的維護 2、有利于搜索引擎抓取 3、語義化使代碼仍具可讀性 4、使?HTML?代碼變得更簡潔，提高頁面加載速度 5、有助于屏幕閱讀器等設備的識別

5.1 標簽

HTML 是由一系列標簽組成的，每個標簽以??包裹單詞

5.2 標簽種類

單標簽：只有一個標簽就能表達完整含義，例如?、

雙標簽：由開始和結束標簽一起組成，例如?

5.3 元素

一對標簽包含的所有內容，例如?

5.4 屬性

標簽可以有很多屬性，屬性總是在開始標簽中定義，以名值對的形式出現，其中屬性值以雙引號包裹

例如：

HTML web前端

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。