ID و Class تفاوت
- class توسط چندین عنصر قابل فراخوانی است اما id فقط توسط یکی از عناصر در صفحه html قابل فراخوانی است.
<style>
#myHeader {
background-color: lightblue;
color: black;
padding: 40px;
text-align: center;
}
.city {
background-color: tomato;
color: white;
padding: 10px;
}
</style>
<h1 id=”myHeader”>شهرها</h1>
<h2 class=”city”>تهران</h2>
<p>.تهران پایتخت ایران است</p>
<h2 class=”city”>پاریس</h2>
<p>.پاریس پایتخت فرانسه است</p>
در مثال فوق myHeader# به عنوان id فقط توسط h1 فراخوانی شده است ولی city. به عنوان کلاس توسط دو h2 فراخوانی شده است.
HTML در Bookmark
منظور از bookmark این است که لینکی در صفحه برای پرش به قسمتی درون همان صفحه گذاشته شود.
برای ساخت bookmark ابتدا برای عنصر موردنظر id تعریف میکنیم:
<h2 id=”C4″>فصل 4</h2>
سپس لینکی برای پرش به id ساخته شده میسازیم:
<a href=”#C4″>برو به فصل 4</a>
برای پرش به بخش موردنظر در یک صفحه دیگر باید لینکی به صفحه وب و نام id ایجاد کنید.
<a href=”myhtml.html#C4″>برو به فصل 4</a>