麻烦老师检查 ,另,类名一定要写么,有类名的标准么

麻烦老师检查 ,另,类名一定要写么,有类名的标准么

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- 网页的头部 -->
<div class="header">
<!-- 网页的logo -->
<div class="logo">logo</div>
<!-- 网页的导航 -->
<div class="nav">导航区域</div>
</div>
<!-- 网页的banner -->
<div class="banner">
<div>banner图片</div>
<div>banner遮罩层</div>
<div>banner表单</div>
</div>
<!-- 网页的主要内容 -->
<div class="content">
<div>
<div>about上半部分</div>
<div>about下半部分</div>
</div>
<div class="image">
<div>图片1</div>
<div>图片2</div>
<div>图片3</div>
<div>图片4</div>
<div>图片5</div>
<div>图片6</div>
<div>图片7</div>
<div>图片8</div>
</div>
<div>
<div>Gallery上半部分</div>
<div>Gallery上半部分</div>
</div>
<div></div>
</div>
<div class="footer">
<p>&copy; imooc.com 京ICP备13046642</p></div>
</body>
</html>

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,代码实现效果很好,关于类名的疑问解答如下:

1、class类名的使用:在后面的课程中同学会学习到css以及JavaScript的知识,在这些课程中,class类名扮演了很重要的角色:在css中可以用过class类名选中该元素添加样式进行美化,在JavaScript 中可以通过HTML DOM动态修改该元素的class类名等。所以建议同学在目前阶段,最好养成给标签设置class类名的习惯,便于后期的编程。

2、class类名的命名规则:

在 HTML 中, 类名是区分大小写的;

必须以字母 A-Z 或 a-z 开头;

可以是以下字符: (A-Za-z), 数字 (0-9), 横杆 ("-"), 和 下划线 ("_");

同时建议命名时使用一些具有语义化的名称(如:头部使用header命名、内容使用content/container命名、尾部使用footer命名、导航使用nav命名等),这样命名便于编程者“望文生义”,快速通过class名称了解该定位元素的位置和作用。

祝学习愉快!

  • 慕勒6541010 提问者 #1

    有没有总结好的的常用类名呀 

    2021-04-30 14:06:18
  • 好帮手慕然然 回复 提问者 慕勒6541010 #2

    同学你好,老师帮你总结了一些比较常见的类名,同学可以作为参考:

    http://img1.sycdn.imooc.com//climg/608ba8dc099df14f02950415.jpg

    http://img1.sycdn.imooc.com//climg/608ba87409d59ea102700452.jpg

    http://img1.sycdn.imooc.com//climg/608ba95109cef3d303570766.jpg

    祝学习愉快!

    2021-04-30 14:53:24
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师