HTML與前端

360前端星計劃-第一課
主講：趙文博老師

什么是前端

用web技術棧解決多端的人機交互的問題

前端技術棧

HTML（內容）CSS（樣式）JavaScript（行為）

關注問題

美觀、安全、功能、性能、無障礙

開發環境

編輯器（VScode）、瀏覽器

HTML

超文本（圖片、標題、鏈接、表格、音視頻等）+標記語言

瀏覽器解析HTML==》DOM樹

HTML語法

1.標簽和屬性不區分大小寫，推薦小寫
2.空標簽可以不閉合，比如 input、meta
3.屬性值推薦用雙引號包裹
4.某些屬性值可以省略，比如 required、readonly

語義化

1.HTML中的元素、屬性及屬性值都擁有某些含義
2.開發者應該遵循語義來編寫HTML
有序列表用 ol；無序列表用 ul
lang 屬性表示內容所使用的語言

為什么語義化

• 誰在使用我們寫的 HTML
  開發者 - 修改、維護頁面
  瀏覽器 - 展示頁面
  搜索引擎 - ?????提取關鍵詞、排序
  屏幕閱讀器 - 給盲人讀頁面內容
• 語義化的好處
  代碼可讀性
  可維護性
  搜索引擎優化
  提升無障礙性
  

如何做到語義化

• 了解每個標簽和屬性的含義
• 思考什么標簽最適合描述這個內容
• 不使用可視化工具生成代碼

總結

以上是生活随笔為你收集整理的HTML与前端的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。