HTML area Etiketi

<area> Etiketi

Örnek

Tıklanabilir alanlarla bir görsel haritası:


 <img src="gezegenler.gif" width="145" height="126" alt="Gezegenler"
usemap="#gezegenharitasi">

 <map name="gezegenharitasi">
  <area shape="rect" coords="0,0,82,126" href="gunes.gif" alt="Güneş">
  <area shape="circle" coords="90,58,3" href="merkur.gif" alt="Merkür">
  <area shape="circle" coords="124,58,8" href="venus.gif" alt="Venüs">
</map>

<area> Tanımı ve Kullanımı

<area> etiketi bir görsel haritası içindeki alanı ifade eder. (Görsel haritası tıklanabilir alanları olan bir resimdir.)

<area> elementi her zaman <map> etiketi içinde yer alır.

Not: <img> etiketi içindeki usemap özelliği <map> elementinin name özelliği ile ilişkilidir, ve görsel ile harita arasında bir ilişki kurar.

Tarayıcı Desteği

Element
<area> Var Var Var Var Var Var

HTML 4.01 ile HTML5 arasındaki farklar

HTML5'in bazı yeni parametreleri var, ve HTML 4.01'in artık desteklenmeyen bazı parametreleri var.

HTML ile XHTML arasındaki farklar

HTML'de <area> etiketinin kapanış etiketi yoktur.

XHTML'de ise <area> etiketi doğru bir şekilde kapatılmalıdır. <area />

Özellikler

= HTML5'te yeni.
Özellik Değer Tanım
alt yazı Alan için alternatif yazıyı belirtir. href parametresi mevcutsa gereklidir.
coords koordinatlar Alanın koordinatlarını belirtir.
download dosya_adı Kullanıcının hyperlink üzerine tıkladığında, hedef içeriğin indirileceğini belirtir.
href URL Alan için hyperlink hedefini belirtir.
hreflang dil_kodu Hedef URL'nin dilini belirtir.
media medya_sorgusu Hedef URL'nin hangi tür ortam/aygıt için optimize edildiğini belirtir
nohref değer HTML 5'te desteklenmiyor.
Bir alanın ilişkilendirilmiş hiç bir linki olmadığını belirtir
rel alretnate
author
bookmark
help
license
next
nofollow
noreferrer
prefetch
prev
search
tag		 Mevcut döküman ile hedef URL arasındaki ilişkiyi belirtir.
shape default
rect
circle
poly		 Alanın şeklini belirtir.
target _blank
_parent
_self
_top
framename		 Hedef URL'nin nerede açılacağını belirtir.
type medya_türü Hedef URL'nin ortam türünü belirtir.

Standart Özellikler

<area> etiketi Standart Özellikleri desteklemektedir.

HTML Standart Özellikler 'i inceleyebilirsiniz.

Olay Özellikleri

<area> etiketi Olay Özelliklerini desteklemektedir.

HTML Olay Özellikleri 'ni inceleyebilirsiniz.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Web Sitenizden Çok Para Kazanin

Resim
  Web sitenizden daha fazla para kazanmanın yolları nı arıyorsanız, Adsterra gibi etkili bir reklam ağından faydalanabilirsiniz. Adsterra, bloglarınızda veya web sitelerinizde reklamlar yayınlayarak hızla para kazanmanızı sağlayan bir dizi avantaj sunmaktadır. Geçen yazımıda SEO içeriklerle web sitenizi arama motorlarınızda nasıl üst sıralara taşıyacağımızı anlatmıştık.Siz de web yayıncılık serüveninizde bloglarınızdan daha çok fazla trafik çekip takipçilerinizi ve trafiğinizi paraya dönüştürmek istiyorsanız bu yazı tam size göre. AdsTerra ile Bloğunuzdan Hemen para kazanmaya başlayın ! Adsterra'nın avantajlarından biri, anında reklam görüntülenme imkanıdır. Bir kez kayıt olduktan sonra, Adsterra'nın reklam ağına erişim sağlayarak bloglarınızda veya web sitelerinizde reklamların hemen yayınlanmasını sağlayabilirsiniz . Bu hızlı başlangıç, gelirinizi artırmanızı ve kazancınızı daha da büyütmenizi sağlar. Adsterra'nın sunduğu reklam çeşitliliği de dikkate değerdir. Kaps...
Devamı Oku »

Html dersleri

Resim
Html dersleri ne  kaldığımız yerden devam ediyoruz ve artık bir webmaster ya da kodyazarı olma yolunda adım adım ilerleyeceğiz.Bir önceki derste html konusunda basit bir başlangıç yapmıştık.Şimdi ise bir kaç hatırlatmayla kod editörlerini kullanarak ders anlatımına devam edeceğiz.Kodlama öğrenmek istiyorum mu demiştiniz? HTML' in açılımı H yper T ext M arkup L anguage yani Güçlü metin işaretleme dili de denebilir.Bu kelimeyi sıkça duyacağınız için açılımını bilmekte  yarar var.İnternet sayfaları yapamamızı sağlayan bu dil ile en basit haliyle bir web siteyi aşağıdaki kodlamıştık. <html> <head> <title> Belge başlığı </title> </head> <body> <h1> İçerik Başlığı </h1> <p> Bir paragraf........ </p> <p> Bir başka paragraf........ </p> </body> </html> Şimdi ise yukarıda gördüğünüz kodları editörde çalıştırarak test edin.Eğer kendi kullana...
Devamı Oku »

YouTube reklamları nasıl engellenir

Resim
YouTube Reklamlarını nasıl engellenir çok kolay Telefonunuzda ,bilgisayarınızda ,Androidte ve Iphone ceptelefonlarınızda YouTube reklamlarını kaldırmak için harika bir tarayıcı ve uygulama var . İnternet paketinizi yemez  hızlı güvenilir ve aynı zamanda kullandıkça para kazandırır. Bakalım neymiş bu Harika Youtube reklam engelleyici.Para ödemeden Youtube reklamlarını engelleyebilceğiniz için şimdiden mutlu olun harika bir tarayıcı uygulama sizi bekliyor . Reklamsız YouTube gibi şeylere gidip te  para vermeyin boş yere. Youtube reklamları nasıl engellenir ? Sordunuz hemen söyleyeyim  Ya bilgisayarınıza  reklam engelleyici tarayıcı   indireceksiniz ya da mobil telefonunuza güzel bir uygulama indireceksiniz.Benim tavsiyem ise  Chrome reklam engelleyici uzantısı kurmanızdansa  hem bilgisayarınıza hemde  Android IOS telefonunuzda YouTube reklam engelleyici harika bir uygulama tarayıcı indirmek. Acelem var  hemen indirmek istiyorum diyorsa...
Devamı Oku »

Javascript kodları nereye yazılır

Resim
Javascript kodlarını genel olarak 4 farklı yöntemle kullanabiliriz,istersek html sayfasının head bölümünde istersek body etiketinden önce ,harici bir dosyadan çağırarak yada tarayıcımızın console bölmesinde görüntülenmesini sağlayabiliriz.Unutmadan bir de eğer kullanıcıya uyarı vermek istiyorsak window nesnesinin alert metodunu kullanarak da javascript kodlarını çalıştırabiliriz. Javascript kodları nereye yazılır öğreneceğiz. Javascript kodları nerelerde kullanılır ve çalıştırma şekilleri Bu javascript dersi nde js kodlarını html sayfalarında farklı şekillerde çağırmayı öğreneceğiz. Alert metodu kullanarak görsel bir uyarı alacağız. Script kodunu harici bir dosyadan çağırarak kullanarak kullanacağız. Document nesnesinin write metodunu kullanarak örnek kod uygulaması yapacağız. Son olarak html belgesinin head bölümüne script tagları arasında kod yazıp çalıştıracağız. Tarayıcımızın console bölmesinde de js kodlarının çalışmasını öğrenmiş olacağız. html sayfalarının hea...
Devamı Oku »

javascript ile aciklama satiri ve haftanın gunünü bulma

Resim
Javascript kodlarıyla haftanın hangi günü olduğunu nasıl yazabiliriz öğrenebiliriz? Küçük bir uygulama ile bunu hemen gösterelim. Javascript açıklama satırı makalesinden gelen arkadaşlar da koddaki açıklama satırı nı incelesin.Bu örnekteki kodları şuan anlayamadığınızı düşünüyorsanız dert etmeyin.Yinede açıklayarak anlatmaya çalışacağım. Javascript haftanın gününü bulma uygulaması <!DOCTYPE html> <html> <body> <p id="container"></p> <script> // Javascript ile bugünün tarihini yazdırıyorum var t = new Date(); var hafataningunleri = ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"]; document.getElementById("container").innerHTML = "Bugün günlerden " + "<b>" + hafataningunleri[t.getDay()] + "</b>" + " değilmi ?"; </script...
Devamı Oku »

Javascript ile neler yapılabilir

Resim
Javascripti web prokelerimizde hangi amaçlarla nasıl kullanabileceğimizi ve javascript ile neler yapılabilir bu yazımda bunları anlatmaya çalışacağım.Javascript  kullancı taraflı bir dildir.Öğrenilmesi en kolay  web programlama dilidir.Ve bir webmasterın öğrenmesi gereken temel 3 dilden biridir.Bu diller:Html,Css ve Javascripttir.
Devamı Oku »