前文提到，html和css的编写有一个先后关系：先搭好html框架，再对框架进行css样式的编写。也就是说，在html中，通常编写的是组成框架的页面元素，这些元素通过使用【标签】来定义元素的性质，再通过给【类名】来赋予名字，从而区分它与其他相同标签的不同之处。
什么是标签和类
【标签】是由html确定，且具有有限种类。相反的，【类】是由前端工程师（也就是你本人）确定的，可以根据需要定义无限种的【类名】。同一种标签可以结合类名来进行区分，因此在定义一个页面元素时，语句的主要结构是：
<div class="nameyougave"></div>
<【标签】class="【类名】"><【/标签结束】>
其中第一个<>中，首个单词是标签，标签后紧跟类名的定义。事实上在后面也可以继续跟随定义css样式，如：
<div class="nameyougave" style="backgroundcolor:red;"></div>
<【标签】class="【类名】" style="【css样式】"><【/标签结束】>
具体样式写法我们之后将详细展开，总之可以了解的是，这里可以用于写一些css的样式。
而页面元素具体的内容，将放入两个<><>之间，即：
<div class="nameyougave">我是内容</div>
这里想必也不用再写一遍了吧~简而言之呢，标签和类名都是用于定义页面元素的，可以理解为用户看不到，但是帮助系统来识别页面元素内容的分类整理的标签（这里的标签是广义的，类比图书馆里书脊上的编号）。
它们的作用在于，系统无法识别我们的页面元素内容——它是图片或是文字，图片中和文字里表达了什么，与其他有什么不同——这些系统都无法理解，因此才需要人为地帮系统标注并区分开来。这就是标签和类的作用。
标签和类的区别（补充id）
前文已经提到，标签是由系统已经确定好的，种类有限。相应的它的作用在于赋予页面元素性质，不同的性质也就决定了有多少种css基础样式可以修改，当然这样的性质在未来也可以被修改，这是后话暂且不做展开。
类就比较好理解了，它由工程师制定的，相当于你起的名字。类名的主要作用，就像你给你的孩子起了个名字，你叫他的时候能找到他是一个道理。并不对页面元素性质产生影响。
另外，除了类名外还有一个可以由工程师起的名字，即【id】。id不同于类名，许多元素可以具有相同的类名，或多个元素之间类名是交叉的，比如a元素、c元素可以是x类，b元素、d元素可以是y类，于此同时a元素和b元素可以是z类，a元素、c元素和d元素可以都是k类...一个类名可以赋予给多个页面元素，同时一个页面元素也可以具有多个类名。
但是id只有一个，也就是说叫这个id的页面元素，在整个html中只有这一个（如果是另一个html就无所谓）。相当于可以有很多人都叫张三，但是每个张三的身份证号都不相同，有【110108出生年月尾号】的张三，就只有一个。这个id就像元素的身份证号，它不会重复。
