HTML 代码规范

遵循良好的编码规范可以提高代码质量、可读性和可维护性。以下是HTML编码的最佳实践。

基本规范

<!-- 推荐 -->
<div class="header">

<!-- 不推荐 -->
<DIV CLASS="header">

<!-- 推荐 -->
<p>段落内容</p>

<!-- 不推荐 -->
<p>段落内容

<!-- 推荐 -->
<div class="container">

<!-- 不推荐 -->
<div class=container>

<!-- 推荐 -->
<img src="logo.png" alt="公司Logo">

<!-- 不推荐 -->
<img src="logo.png">

<!-- 推荐 -->
<header></header>
<nav></nav>
<main></main>
<footer></footer>

<!-- 不推荐 -->
<div class="header"></div>

<div class="container">
    <header>
        <h1>标题</h1>
    </header>
    <main>
        <p>内容</p>
    </main>
</div>

建议每行不超过80-120个字符，便于阅读和版本控制。

<!-- 推荐：描述性名称 -->
<div class="main-navigation">
<div class="article-content">

<!-- 不推荐：无意义名称 -->
<div class="box1">
<div class="red-text">

建议