Sang's Notebook
GitHubGitHub (opens in a new tab)
  • Intro
      • [JS] Array Methods
      • [JS] Object Methods
      • [JS] String Methods
      • [JS] Methods 複合應用
    • [JS] var, let, 以及 const 的區別
    • [JS] 作用域 (Scope) 與作用域鏈 (Scope Chain)
    • [JS] 提升 (Hoisting)
    • [JS] 閉包 (Closure)
    • [JS] 垃圾回收機制 (Garbage Collection)
    • [JS] 文件物件模型 (Document Object Model, DOM)
    • [JS] AJAX
    • [JS] Promise & Async & Await
    • [JS] 事件循環 (Event Loop)
    • [JS] Cheat Sheet
    • [React] React
    • [React] SPA
    • [React] Life Cycle
      • React Hooks
      • useContext
      • useEffect
      • useRef
      • useSWR
      • useState
    • [Redux] Redux
    • [Redux] React Redux
      • useParams
    • [Next] SSR & CSR & SSG
    • [Next] Hydration
    • [Next] App Router
  • Git
    • [CSS] CSS
    • [CSS] Flexbox
    • [CSS] CSS Tips
    • [CSS] SASS
    • [CSS] Tailwind CSS
    • [CSS] Atomic CSS
    • tips
    • [HTML] HTML
    • [HTML] Semantic Tags
    • [HTML] HTML Tips
    • [TS] Typescript
    • [API] RESTful API
    • [API] GraphQL
    • [API] Axios
    • [Linux] Linux Command
    • [node] Event Loop
    • Storybook
    • [Testing] Unit Testing
    • [Testing] Integration Testing
    • [Vue] Vue
    • [WEB] HTTP
    • [WEB] SEO
    • [WEB] CORS
    • [Git] Git Flow
    • [Git] Git Command
    • Scrum
    • clean-code
    • qdb
    • [zw] Useful Tool
    • [zw] Forbidden Tag
    • layout

On This Page

  • References
HTML
[HTML] Semantic Tags

語意化標籤 (Semantic tags)

使用語意化標籤有益於：

  • 提升 SEO
  • 無障礙訪問
  • 更好的網頁維護和可擴展性

References

  • 前端容易忽視但卻重要的 - HTML 語意化標籤 (opens in a new tab)
[HTML] HTML[HTML] HTML Tips
MIT 2024 © Nextra.