标签：Mastery 元素 类名 Learn 命名 div ID CSS 页面

1.HTML包含丰富的有意义的元素比如

h1 h2 等；
ul、ol和dl;
strong和em;
blockquote和cite;
abbr、acronym和code;
fieldset、legend和label;
caption、thead、tbody和tfoot;

因此，如果元素有恰当的含义，就应该使用。

2.ID和类名

比如说nav用来指定站点导航

    <ul id='nav'>
        <li><a href="/home/">HOME</a></li>
        <li><a href="/about/">ABOUT US</a></li>
        <li><a href="/contact/">CONTACT</a></li>
    </ul>

ID 用于标识页面上的特定元素，一个ID名只能应用于页面上的一个元素，而同一个类名可以应用于页面上的多个元素。就像我们国家的身份证和名字的关系一样，每个身份证上的号码都是独一无二的，但是名字叫张三的就会存在多个人了。

3.给元素命名

在分配ID和类名的时候，一定要尽可能保持名称与表现方式无关。例如，如果希望所有的表单通知消息都显示黄色，可以给他们分配类名为yellow。只要页面上没有其他黄色元素就行，这就没有问题。但是，如果还希望让4个必须的表单标签页显示黄色，就必须猜测这个类引用的是哪种元素，这个时候就会很混乱。所以命名的时候一定要根据“它们是什么”来命名。而不是根据它们的外观来命名。

4.ID还是类

我现在比较喜欢用类，只有在目标元素非常独特，绝对不会对网站上其他地方别的东西使用这个名称时，我才会使用ID。

5.div和span

div可以用来对块级元素进行分组，而span可以用来对行内元素进行分组或标识。

标签：Mastery,元素,类名,Learn,命名,div,ID,CSS,页面
来源： https://www.cnblogs.com/gongdhblog/p/13460723.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。