## 標簽語義化的意義
考察點:
1. 標簽語義化的概念
2. 標簽語義化的作用
3. 語義化標簽有哪些?
回答:
1. 概念:根據內容結構化的需要,選擇能夠準確合適表達內容的標簽。
2. 標簽語義化作用
2.1. 可以提高頁面的可訪問性,即在css丟失的情況下,頁面結構仍然可以比較清晰的展現;
2.2. 提高用戶體驗,用戶不夠清楚地方可以得到良好的解釋;
2.3. 有利于頁面seo,讓搜索引擎更容易明白頁面結構和內容的主次順序;
2.4. 有利于頁面維護者理解代碼結構,降低維護成本;
2.5. 方便其他設備解析(如屏幕閱讀器、盲人閱讀器、移動設備)以語義的方式來渲染網頁。
3. 語義化標簽有`h1`~`h6`, `strong`, `header`, `article`, `section`, `footer`, `p`等除了`div`和`span`之外的所有標簽, 當然,類似`font`, `i`,`b`等控制文字樣式的標簽也不屬于語義化標簽,不提倡使用。
- 前言
- 基礎
- HTML
- 標簽語義化
- 行標簽和快標簽
- 常用標簽
- 頁面結構
- CSS
- 選擇器
- 盒模型
- 定位
- 單位
- 居中
- 布局
- 擴展:彈性布局詳解
- 擴展:多列布局詳解
- 擴展:網格布局詳解
- 擴展:媒體查詢
- 清除浮動
- 動畫
- 自適應(響應式)
- 兼容性
- 背景
- 文本
- 轉化器
- JavaScript基礎
- 閉包
- 作用域
- 繼承
- 事件
- DOM
- this
- 網絡通信
- ajax
- 跨域
- HTTP狀態碼
- HTTP請求響應頭
- HTTP 2.0
- 請求方法
- Cookie
- 常見框架
- Bootstrap
- jQuery
- Vue
- React
- 性能優化
- 常見安全問題
- 進階
- 工程化
- 前端架構
- 同構
- 高級
- 前端團隊管理
- 技術/框架選型
- 持續集成/持續交付
- 經典面試題