HTML id怎么用，和class的区别，实例在线运行

HTML的id是元素标签的属性，id不可重复。

HTML的id

HTML中id属性的用法就是在元素标签内添加id属性，其中idname为id的名称，如下：

id=" idname "

HTML id的作用

id的作用，相当于显式地为HTML元素进行编码，确定身份，然后CSS和JS就可以通过这个编码“轻而易举”地识别到该元素，并在HTML文档中确定该元素所处的位置（HTML文档一般是从左到右排列，从上到下堆叠，而且每一个元素都对应着文档的位置坐标）。

简而言之，HTML的id一般可用于id选择器使用，用于页面的设计。

---

id属性实例代码及在线编辑器

<p id='e1'></p>

<style>
  #e1{font-size:1.5em;color:skyblue;}
</style>

<script>
	document.getElementById('e1').innerHTML = "笨鸟工具"
</script>

试一试

代码解析

如上代码，是一个非常简单的实例，主要展现了两点，1、在css样式中（style标签内部），id选择器的符号是“#”；2、在原生的JS当中，可以通过document.getElementById()来选择具有某一特定id值的元素；

---

id和class的区别

前面的章节中介绍了class，其主要功能就是为HTML的元素进行“分类”，然后css和js可以通过类的名称为类中的所有元素进行编码操作，也就是说类是可以重复的，而id是不可重复的。

---

id创建网页书签

这个其实就是ID锚，就是通过点击链接，将页面的位置跳到页面的其它位置，具体的可以参考HTML链接标签。

---