HTML’de aynı sayfadaki bölümlere bağlantılar nasıl oluşturulur?

HTML’de aynı sayfadaki bölümlere bağlantılar nasıl oluşturulur?

Çapa

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.

Not

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

Üst

Alt

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.

LEAVE A REPLY

Please enter your comment!
Please enter your name here