第一個網頁:前端基礎入門
一、網頁文件基礎認知
1. 文件擴展名
.htm
或.html
均為網頁文件后綴,二者功能完全一致- 擴展名隱藏方法
系統設置 → 文件夾選項 → 查看 → 取消勾選「隱藏已知文件類型的擴展名」
二、前端發展簡史
1. 瀏覽器戰爭與標準混亂
- 網景公司:
- 1994年推出早期瀏覽器,因商業競爭失敗退出市場
- 微軟IE瀏覽器:
- 獨占市場后采用私有標準,導致:
? 不同瀏覽器對HTML/CSS解析規則不一致
? 跨瀏覽器兼容性成為開發難題
- 獨占市場后采用私有標準,導致:
2. W3C標準制定歷程
- W3C組織:
- 主導制定HTML5、XML等開放標準
- 標準推行阻力:
? 瀏覽器廠商不愿放棄私有標準
? 開發者需額外編寫兼容代碼(如-webkit-
前綴)
3. HTML5時代
- 現狀:
- HTML5成為現代前端開發統一標準
- 新增語義化標簽(
<header>
/<footer>
)、多媒體支持(<video>
)等特性
三、瀏覽器解析標準聲明
1. 文檔類型聲明(DOCTYPE)
- 作用:
告知瀏覽器使用何種標準解析網頁,避免進入「怪異模式」 - HTML5標準聲明:
<!DOCTYPE html>