Açıklamalarıyla 12 bilinmeyen html elementi ;)
Cuma, Kasım 6, 2009 16:18
Belki bir çoğumuzun bilmediği 12 tane html elementinden bahsedicem bu konuda. Gerekli yerlerde kullandığınızda gerçekten çok işinize yarayacak kodlar mevcut. Örneklerini ise kodların hemen altında bulabilirsiniz.
“abbr”
Tek başına kullandığınızda pek işinize yaramayan bu kod title komutuyla birlikte çalıştırlıldığında; hem arama motorları hemde kullanıcılar açısından büyük bir yarar sağlıyor. Örnekteki deneme yazısının üzerine gelirseniz ne dediğimi daha iyi anlarsınız.
Kullanımı: <abbr title=”Deneme kelimesinin açıklaması”>deneme</abbr>
Örnek: deneme
“acronym”
abbr komutu gibi fakat bu sefer üzerine geldiğimiz kelimenin açıklaması olmak zorunda. Yani üzerine gelinen kelim açılımın kısaltılması olacak :) Sanırım anlatabildim.
Kullanımı: <acronym title=”Cascading Style Sheets”>CSS</abbr>
Örnek: CSS
“address”
Yine kullanıcı için pek bir anlama gelmez. Ama arama motorları tarafından bakıldığında bulunmaz bir nimet ;) Mesela firmanız var adı dmryLife. Ve birisi firmanızı adresini öğrenmek istiyor. Arama motorlarında arayacağı ÅŸey belli “dmrylife firması adres” iÅŸte bu aramayı yaptıktan sonra google tam olarak adresinizi karşı tarafa veriyor..
Kullanımı: <address>dmryLife<br />Kocaeli / izmit</address>
Örnek:
Kocaeli / izmit
“base”
Gayet dikkatli kullanılması gereken bu element, <head> elementi içerisinde kullanılmalı. Çünkü kendisi <base href=”http://www.dmrylife.net/images/” /> ÅŸeklinde sayfadaki öğelerin geleceÄŸi öntanımlı adresi belirliyor. Bu kullanımdan sonra <img src=”dmrylife.gif” alt=”dmryLife” /> imaj kendini http://www.dmrylife.net/images/siberkultur.gif ÅŸeklinde çağıracaktır. Aynı ÅŸekilde <base target=”_blank” /> derseniz sayfadaki tüm baÄŸlantılar yeni pencerede açılacaktır, aksi belirtilmediÄŸi sürece.
“bdo”
Bu kod gerçekten çok eÄŸlenceli :) Bu kod sayesinde istediÄŸiniz yazıyı tersten yazdırabiliyorsunuz. Mesela “mehmet demiray” ÅŸimdi yandaki yazıyı ters çevirelim. <bdo dir=”rtl”>Mehmet Demiray</bdo> Altta dönmüş halini görebilirsiniz ;)
Mehmet Demiray
“code”
iÅŸte en önemli kodlardan bir tatesi bu :) Mesela <code>echo “mehmet demiray”;</code> Bu komut aradaki “echo “mehmet demiray”; ‘ ın kod olduÄŸunu belirtir.
echo "mehmet demiray"; Sağdaki gibi bir şekil alır. Pardon soldaki :D
“del”
Bir metinden belirli bir kısımın silindiÄŸininin vurgulamasını yapar. “aslında <del datetime=”20080301″>15</del> 24 kitap vardı” ÅŸeklinde kullarak silinme tarihini de belirtebilirsiniz:
“aslında 15 24 kitap vardı”
“fieldset”
Özellikle form elementlerinin gruplanmasında kullanılan fieldset, grupladığı öğelerin etrafına bir kenarlık atayacaktır: <fieldset title=”Ãœyelik bilgileri”>Mehmet Demiray</fieldset>. CSS ile kenarlık atabilirim ne olacak ki demeyin, zira fieldset, legend ile kullanıldığında harikalar yaratıyor.
“legend”
fieldset ile belirlediÄŸimiz alanlara bir baÅŸlık eklememizi, böylece daha anlaşılır olmasını saÄŸlar: <fieldset title=”Ãœyelik bilgileri”><legend>Ãœyelik bilgileri</legend> form öğeleri </fieldset>
“pre”
Formatlanmadan önce manasında kısaltılan <pre>yazılarım olduÄŸu gibi        çıkıyor ne güzel</pre> HTML olarak uÄŸraÅŸmadan, -karakter boÅŸluÄŸu, satırlar vs- herÅŸeyi notepad’de nasıl görüyorsa o ÅŸekilde gösteriyor:
yazılarım olduğu gibi çıkıyor ne güzel
“sub”
Kitaplarda kaynak belirtirken rakamları tabandan küçük olarak yazmak gibi bir ihtiyacınız olursa sub sizinle: Mehmet<sub>Demiray</sub> yazdığınızda Mehmetdemiray şeklinde görünecek. Kısaca alt karakter eklemeye yarar :)
“sup”
Matematikteki üssü gibi bir sonuç sergiler. Mehmet<sup>Demiray</sup> yazdığınızda MehmetDemiray sonucunu elde edersiniz ki bir matematik blogum olsaydı çok severek kullanırdım.
Yazının büyük bir kısmı Eren Emre Kanal ‘a aittir.
Kendisine buradan teşekkürlerimi iletiyorum.
Popularity: 16% [?]
Kelimeler Benim says:
Kasım 19th, 2009 at 18:20
Selamlar dostum;
Ben Sezer, KelimelerBenim.com ‘dan. Bloguma gelip, Kelimeler Benim Kanunu’nu okuyup beÄŸenmiÅŸsin. Bu beni çok mutlu etti :) Bu arada, ben de Kocaeli Ãœniversitesi mezunuyum.