一、?為什么需要Web標準?
瀏覽器差異問題：五大主流瀏覽器（IE、Chrome、Firefox、Safari等）使用不同渲染引擎，導致相同代碼解析效果存在差異。
為什么需要Web標準？
不同瀏覽器的渲染引擎不同，對于相同代碼解析的效果會存在差異。
如果用戶想看一個網頁，結果用不同瀏覽器打開效果不同，用戶體驗極差！
Web標準：讓不同的瀏覽器按照相同的標準顯示結果，讓展示的效果統一！
用戶體驗需求：用戶使用不同瀏覽器訪問同一網頁時，需要保持展示效果統一。
解決方案：通過Web標準規范代碼編寫，使不同瀏覽器按照相同標準顯示結果。
1.2? Web標準的構成?
Web標準中分成三個構成?：
| 構成 | 語言 | 說明 |
| 結構 | HTML | 頁面元素和內容 |
| 表現 | CSS | 網頁元素的外觀和位置等頁面樣式（如：顏色、大小等） |
| 行為 | JavaScript | 網頁模型的定義與頁面交互 |
結構層(HTML)：
作用：負責頁面元素和內容的結構化展示。
示例：文字、圖片、音頻、視頻等內容的放置。
專業術語：決定網頁的"身體"結構。
表現層(CSS)：
作用：控制網頁元素的外觀和位置樣式。
功能：調整顏色、大小、布局等視覺效果。
形象比喻：相當于給網頁"化妝"的美化工具。
行為層(JavaScript)：
作用：實現網頁交互和動態效果。
應用場景：輪播圖切換、表單驗證等交互功能。
簡稱：JS（基礎班學習HTML+CSS，就業班學習JS）。
二、?HTML的概念
2.1 HTML的概念
全稱：Hyper Text Markup Language（超文本標記語言）。
核心功能：通過標簽對網頁中的文本、圖片、音頻、視頻等內容進行描述。
通信對象：是程序員與瀏覽器之間的溝通語言，需要遵循特定語法規則。
基本結構：由一對尖括號? <><><>? 包裹英文單詞構成。
- 標簽類型：
- 開始標簽： <strong><strong><strong>
- 結束標簽：</strong></strong></strong>
（比開始標簽多一個斜杠）
- 語法要點：
- 所有符號必須使用英文狀態。
- 開始標簽和結束標簽必須成對出現。
- 結束標簽的斜杠表示功能結束。
- 開發流程：
- 創建.html文件。
- 用記事本編輯內容。
- 添加HTML標簽。
- 保存文件。
- 在瀏覽器中刷新查看效果。
- 注意事項：修改后必須保存文件并刷新瀏覽器才能看到最新效果。
2.2?HTML頁面固定結構
網頁類似于一篇文章：
?????????每一頁文章內容是有固定的結構的，如：開頭、正文、落款等…… ? 網頁中也是存在固定的結構的，如：整體、頭部、標題、主體。?網頁中的固定結構是要通過特點的 HTML標簽 進行描述的。
HTML骨架結構由哪些標簽組成？
????????html標簽：網頁的整體。
????????head標簽：網頁的頭部。
????????body標簽：網頁的身體。
????????title標簽：網頁的標題。
2.3開發工具
實際開發中，注重開發的 效率和便捷性 ，因此我們會使用一些開發工具。
? 開發工具有很多： Visual Studio Code 、 Webstorm 、 Sublime 、Dreamweaver、 Hbuilder。
? 前端開發神器：VS Code → 速度快、體積小、插件多。
