HTML’de aynı sayfadaki bölümlere bağlantılar nasıl oluşturulur?
Köprüler, bir web tarayıcısı tarafından bir sayfadan diğerine geçmek için kullanılır. Ancak aynı sayfada farklı bir alana da geçebilirsiniz. Aşağıdaki bölümler, kullanıcılara bir web sayfasındaki üst, alt veya belirli bir bölüme nasıl bağlantı kurulacağını gösterir. Aşağıdaki listeden bir yöntem seçin veya her iki seçeneği de keşfedin.
Bugün, tüm tarayıcılar hala “#” harfini bir sayfanın üstüne veya altına gitmenin uygun bir yolu olarak kabul ediyor. Ancak, bu yöntem kullanımdan kaldırılmıştır ve HTML’nin gelecekteki sürümlerinde çalışmayabilir. Daha güncel ve çok yönlü olduğu için bunun yerine id yöntemini kullanmanızı öneririz.
#top veya #bottom kullanma
Aşağıdaki örnekler, sayfanın o bölümüne bağlantı vermek için etiketi ve href özniteliği ile #top ve #bottom kullanır. Bu yöntem “id” kullanmaya benzer, ancak belirli bir öğe seçmeniz gerekmez. Ne olduğunu görmek için Sonuçlar bölümünde “Üst” veya “Alt”ı tıklayın.
Örnekler
Sonuçlar
Tepe
Alt
Kimlik seçiciyi kullanma
CSS’de “id”, HTML’deki bağlantıya benzer şekilde, bir bağlantının işaret etmesi gereken bir alanı belirtmek için kullanılan bir seçicidir. Kimliği kullanmanın güzel yanı, yalnızca üst veya alt kısım yerine sayfadaki herhangi bir öğeye bağlantı oluşturabilmenizdir. Aşağıdaki bölümlerde, kimliği bir HTML etiketine nasıl uygulayacağınızı ve ardından buna nasıl bağlanacağınızı göreceksiniz. Bu örnek, bu sayfanın en üstündeki açılış paragrafına bağlantı verecektir.
#id seçiciyi kullanın
id=”açılış”>Köprüler, bir web tarayıcısı tarafından bir sayfadan diğerine geçmek için kullanılır…
Seçiciye bir bağlantı oluşturun
href=”#opening”>Beni açılış paragrafına götürün.
Sonuç
Beni açılış paragrafına götür.