代码示例：
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML(5)代码规范</title>
<style>
/* 样式代码规范 */
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.title {
font-size: 24px;
font-weight: bold;
color: #333;
}
.content {
font-size: 16px;
line-height: 1.5;
color: #666;
}
</style>
</head>
<body>
<div class="container">
<h1 class="title">HTML(5)代码规范</h1>
<p class="content">编写可维护、可读性高的HTML代码是提高开发效率和代码质量的关键。以下是一些HTML(5)代码规范的建议：</p>
<ul class="content">
<li>使用语义化的标签，使用合适的标签来表示内容的结构和意义。</li>
<li>缩进和对齐，使用合适的缩进和对齐方式，增加代码的可读性。</li>
<li>使用双引号，对于属性值使用双引号而不是单引号。</li>
<li>避免使用行内样式，将样式代码放在外部样式表中，提高代码的可维护性。</li>
<li>注释代码，使用注释来解释代码的用途和作用，方便其他开发者理解和修改。</li>
<li>使用语义化的类名和ID，避免使用无意义的类名和ID，增加代码的可读性和可维护性。</li>
<li>遵循HTML5规范，使用HTML5的新特性和标签，提高代码的兼容性和性能。</li>
</ul>
</div>
</body>
</html>