星原学AI

Appearance

Semantic HTML ​

语义

Header

Nav

Main

Aside

Section

H

Footer

mark

time

progress

div 和 span 不是语义标签

html
<!-- Non-semantic header -->
<div class="header">
  <h1>My Site</h1>
  <nav>
    <a href="#">Home</a>
    <a href="#">About</a>
    <a href="#">Contact</a>
  </nav>
</div>

<!-- Semantic header -->
<header>
  <h1>My Site</h1>
  <nav>
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Contact</a></li>
    </ul>
  </nav>
</header>

更新: 2023-08-14 13:45:44
原文: https://www.yuque.com/u3641/dxlfpu/nhw992wnpoexcsxf