HTML之id选择器、class选择器及name属性区别

  最近做网站的时候，经常搞不清id、class和name之间的区别，于是就在网上搜集资料学习，整合出下面的版本，以防自己忘记的同时帮助到有需求的人。
  

id选择器

  唯一标识一个元素的，只能针对某一个样式进行控制即在同一个HTML页面只能调用一次，具有唯一性。id选择器是以 “ # ” 开头。
  eg.  CSS定义 #headerline1 {width: 100%;height: 80px;}
      调用   <div id="headerline1">这是id的例子</div>
  

class选择器

  可以针对多个即在同一个HTML页面可以多次调用相同的class类。class选择器是以 “ . ” 开头。
  eg.  CSS定义 .header {background-color: #04D9B3;position: relative;}
      调用   <div class="headerline1">这是class的例子</div>
  

name属性

  相对于前两个而言，name主要用于获取某表单域信息，但它的用途比较广泛,主要包括：

1. 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、button等。我们