Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
<a> etiketi bir sayfadan diğerine bağlamak için kullanılan bir köprüyü tanımlar.
En önemli özellik <a> unsuru olan href bağlantının hedefini gösteren özellik.
tüm tarayıcılarda şöyle Varsayılan olarak, bağlantılar görüntülenir:
- Bir ziyaret edilmemiş bağlantı Altı çizili ve mavi
- Bir ziyaret edilmiş bağlantı Altı çizili ve mor
- Aktif bir bağlantı Altı çizili ve kırmızı
Tarayıcı Desteği
| Eleman | |||||
|---|---|---|---|---|---|
| <a> | Evet | Evet | Evet | Evet | Evet |
İpuçları ve Notlar
Tip: following nitelikler: download, hreflang, media, rel, target ve type eğer mevcut olamaz href niteliği bulunmaz.
Tip: Başka bir hedef belirttikten sürece bağlantılı sayfa normalde mevcut tarayıcı penceresinde görüntülenir.
Tip: Kullanım CSS stil bağlantıları: CSS Linkler Öğreticisi & CSS Düğmeleri Öğreticisi
HTML 4.01 ve HTML5 Arasındaki Farklar
HTML 4.01 yılında <a> etiketi, bir köprü ya da bir çapa ya olabilir. HTML5'de <a> etiketinin her zaman köprü, ancak hiçbir varsa href niteliğini, bir köprü için sadece bir yer tutucudur.
HTML5 bazı yeni özellikleri olan ve bazı HTML 4.01 özellikler artık desteklenmektedir.
Nitelikler
= HTML5'teki Yeni.
Küresel Nitelikler
<a> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<a> etiketi de destekler Olay HTML Özellikleri .
it Yourself deneyin - Örnekler
köprü oluşturma
Nasıl köprüler oluşturmak için.
Bir bağlantı olarak bir resim
Nasıl bir bağlantı olarak bir resim kullanmak.
Yeni bir tarayıcı penceresinde bir bağlantıyı açma
ziyaretçinin Web sitesini terk etmek zorunda kalmaması nasıl yeni bir tarayıcı penceresinde bir bağlantıyı açmak için.
Bir mailto bağlantı oluştur
Bir posta iletisine nasıl bağlayabilirsiniz? (will only work if you have mail installed) .
Bir mailto bağlantı oluştur 2
Başka bir mailto.
Belirtilen sahip bir öğenin bağlantı id
Belirtilen bir elemana nasıl bağlayabilirsiniz? id bir sayfa içinde (the name attribute is not supported in HTML5) .
Bir JavaScript bağlantı
Nasıl içinde bir JavaScript eklemek için href özniteliği.
İlgili Sayfalar
HTML öğretici: HTML Bağlantıları
HTML DOM referansı: Çapa Nesne
CSS Eğitimi: Şekillendirme Linkler
Varsayılan CSS Ayarları
Çoğu tarayıcı gösterecektir <a> aşağıdaki varsayılan değerlerle eleman:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
} | nitelik | değer | Açıklama |
|---|---|---|
| charset | char_encoding | HTML5 desteklenmez. Bağlantılı bir belgenin karakter kümesini belirtir |
| coords | coordinates | HTML5 desteklenmez. bir bağlantı koordinatlarını belirtir |
| download | filename | Bir kullanıcı köprü tıkladığında hedef indirilecektir belirtir |
| href | URL | Bağlantı gider sayfanın URL'sini belirtir |
| hreflang | language_code | bağlı belgenin dilini belirtir |
| media | media_query | Belirtir bağlantılı belge için optimize ne medya / cihaz |
| name | section_name | HTML5 desteklenmez. Küresel kullanın id niteliği yerine. Bir çapa adını belirtir |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Geçerli belge ve bağlanılan belge arasındaki ilişkiyi belirler |
| rev | text | HTML5 desteklenmez. bağlantılı belgenin ve geçerli belge arasındaki ilişkiyi belirler |
| shape | default rect circle poly | HTML5 desteklenmez. bir bağlantı şeklini belirler |
| target | _blank _parent _self _top framename | nerede bağlantılı belgeyi açmak için belirtir |
| type | media_type | bağlı belgenin ortam türünü belirtir |