代码这么写会不会太乱了,有没有推荐写法呢
来源：3-27 自由编程
a早安
2021-04-23 17:35:52
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Career Builder</title>
<meta name="Description" content="Career Builder">
<meta name="keywords" content="Career Builder">
</head>
<body>
<!-- 网页头部 START -->
<div class="header">
<!-- logo区域 -->
<div class="logo">
<h1>Career Builder</h1>
</div>
<!-- 导航区域 -->
<div class="nav"></div>
</div>
<!-- 网页头部 END -->
<!-- 网页内容区域 START-->
<div class="content">
<!-- 网页banner区域 -->
<div class="banner">
<!-- 图片 -->
<div class="img">banner图片</div>
<!-- 遮罩层 -->
<div class="cover">banner遮罩层</div>
<!-- 表单 -->
<div class="form">banner表单</div>
</div>
<!-- About区域 -->
<div class="about">
<div class="about-top">
<h2>ABOUT</h2>
about上半部分
</div>
<div class="about-bottom">
about下半部分
</div>
</div>
<!-- 图文混排区域 -->
<div class="image-texts">
<div class="image">图片1</div>
<div class="texts">文字2</div>
<div class="image">图片3</div>
<div class="texts">文字4</div>
<div class="texts">文字5</div>
<div class="image">图片6</div>
<div class="texts">文字7</div>
<div class="image">图片8</div>
</div>
<!-- Gallery区域 -->
<div class="gallery">
<div class="gallery-top">
<h2>GALLERY</h2>
gallery上半部分
</div>
<div class="gallery-bottom">
gallery下半部分
</div>
</div>
</div>
<!-- 网页内容区域 END-->
<!-- 页脚footer START-->
<div class="footer">
<p>© 2016 imooc.com 京ICP备13046642号</p>
</div>
<!-- 页脚footer END-->
</body>
</html>
1回答
-
好帮手慕久久
2021-04-23
同学你好，代码是对的。这样写代码并不乱，一方面同学写了很清晰的注释，另一方面每一部分的类名很清晰、结构也清晰，例如：
这样写就很好了，要相信自己。
祝学习愉快！
0
