HTML bağlantıları, okuyucuların bir web sayfasının belirli bölümlerine atlayabilmeleri için yer imleri oluşturmak için kullanılabilir.
HTML Yer İşareti Oluşturma
Bir web sayfası çok uzunsa kullanıcıyı doğru yere aktarmak için yer imleri yararlı olabilir.
Bağlantıya tıklandığında sayfa aşağı veya yukarıya doğru yer iminin bulunduğu konuma kaydırılır.
Örneğin;
Yer imi oluşturmak için id özelliği kullanılır. CSS’deki class ile aynı mantıktadır. Yalnız id’ler her sayfada tektir. Classlar birden fazla yerde tanımlanabilir.
<h2 id="B4">Bölüm 4</h2>Ardından, aynı sayfadan yer işaretine bir link ekleyin (“Bölüm 4’e Atla Şeklinde”):
<a href="#B4">Bölüm 4'e Git</a><!DOCTYPE html>
<html>
<body>
<p><a href="#B4">Bölüm 4'e Git</a></p>
<p><a href="#B10">Bölüm 10'a Git</a></p>
<h2>Bölüm 1</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 2</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 3</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2 id="B4">Bölüm 4</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 5</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 6</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 7</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 8</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 9</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2 id="B10">Bölüm 10</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 11</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 12</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 13</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 14</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 15</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 16</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 17</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 18</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 19</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 20</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 21</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 22</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
<h2>Bölüm 23</h2>
<p>Bu bir bölüm Paragrafıdır.</p>
</body>
</html>
Yer işareti her zaman aynı sayfada olmayabilir. Başka bir sayfada bir yer işaretine bağlantı vermek mümkündür. Bunu şu şekilde yaparız;
<a href="bolumler.html#B4">Bölümler Sayfasındaki Bölüm 4'e Git</a>Bölüm Özeti
- Bir sayfada yer imi tanımlamak için id özelliğine değer ataması yapın.(id=’value’).
- Yer işaretine bağlantı vermek için href özelliğine (href=”#value”) link verin.
