Id HTML


Atribut ID digunakan untuk menentukan id sebuah elemen HTML, penerapannya seringkali digunakan untuk keperluan CSS dan Javascript. Untuk menggunakan elemen yang sudah diberi nilai id tertentu, gunakan tanda pagar atau hash (#) dilanjutkan dengan mencantumkan nilai id yang bersangkutan.

<!DOCTYPE html>
<html>
<head>
<style>
    #judul{
	background-color:pink; 
	border: 2px solid black;
	text-align: center;
	padding:5px;
     }
     #isi{	
	background-color:black;
	color: pink;
	border: 2px solid pink;
	text-align: center;
	padding:5px;
      }
</style>
</head>
<body>
    <h1 id="judul"> Judul Konten </h1>
    <p id="isi"> Hello World </p>
</body>
</html>

Judul Konten

Hello World


Kombinasi ID dan Tautan Sebagai Bookmark


Bookmark dalam HTML sangat dianjurkan dan efektif digunakan ketika terdapat artikel yang sangat panjang dengan sub judul yang banyak di dalamnya. Contoh dari penerapan bookmark HTML ini dapat dilihat pada fitur Table of Content (TOC) yang mana fitur tersebut seperti daftar isi dengan dicantumkan link bersamanya, ini bertujuan mempermudah pengguna agar dapat langsung lompat ke sub judul yang diinginkan tanpa harus melakukan scrolling secara manual.

<ul>
    <li><a href="#sub-1">Sub Judul ke-1</a></li>
    <li><a href="#sub-2">Sub Judul ke-2</a></li>
</ul>

Kalian juga dapat mencantumkan bersama dengan alamat websitenya jikalau memang terdapat bookmark dalam artikel pada website tersebut.

<a href="https://kopiding.in/html/id-html/#sub-3">Sub Judul ke-3</a>
Sub Judul ke-3

Perbedaan Atribut Id dan Atribut Class


Perbedaan mendasar antara atribut id dan atribut kelas (class) adalah bila atribut id hanya boleh digunakan pada satu elemen yang dilabelinya, yang mana berarti elemen tersebut merupakan elemen unik atau satu-satunya. Maka berbeda dengan atribut kelas yang dapat digunakan kepada lebih dari satu elemen yang dilabelinya. Kemudian pendefinisian id menggunakan tanda pagar atau hash (#) di depannya. Sedangkan class menggunakan tanda titik atau dot (.).