HTML5 代码规范

在编写 HTML(5) 代码时，遵循一定的规范能够提高代码的可读性和可维护性。以下是一些常用的 HTML(5) 代码规范：

1. 使用语义化标签

在 HTML(5) 中，应该尽量使用语义化标签来描述页面结构，而不是仅仅依赖于 <div> 和 <span> 这样的无语义标签。例如，使用 <header>、<footer>、<nav>、<article>、<section> 等标签来描述页面结构，可以让代码更加清晰易懂。

示例代码：

// www.javascriptcn.com code example
<header>
  <h1>这是页面标题</h1>
</header>

<nav>
  <ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">关于我们</a></li>
    <li><a href="#">联系我们</a></li>
  </ul>
</nav>

<article>
  <h2>文章标题</h2>
  <p>文章内容...</p>
</article>

2. 缩进和格式化

在编写 HTML(5) 代码时，应该保持良好的缩进和格式化，以提高代码的可读性。通常情况下，每个标签应该单独占据一行，并且子标签应该缩进一个固定的空格数。

示例代码：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html>
<head>
  <title>页面标题</title>
</head>
<body>
  <header>
    <h1>这是页面标题</h1>
  </header>
  
  <nav>
    <ul>
      <li><a href="#">首页</a></li>
      <li><a href="#">关于我们</a></li>
      <li><a href="#">联系我们</a></li>
    </ul>
  </nav>
</body>
</html>

3. 使用双引号

在 HTML(5) 中，属性值应该始终使用双引号包裹起来，而不是单引号或者不使用引号。这样可以确保代码的一致性，并且避免因为不同的引号使用方式导致的错误。

示例代码：

<a href="https://www.example.com">点击这里</a>
<img src="image.jpg" alt="图片">

以上是一些常用的 HTML(5) 代码规范，遵循这些规范可以使你的代码更加清晰易懂，并且方便团队协作和维护。