Açıklamalarıyla 12 bilinmeyen html elementi ;)

Mehmet Demiray (admin) — Fri, 06 Nov 2009 12:18:09 +0000

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ı: deneme
Ö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ı: CSS
Ö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ı:

dmryLife
Kocaeli / izmit

Örnek:

dmryLife
Kocaeli / izmit

“base”
Gayet dikkatli kullanılması gereken bu element, elementi içerisinde kullanılmalı. Çünkü kendisi şeklinde sayfadaki öğelerin geleceği öntanımlı adresi belirliyor. Bu kullanımdan sonra imaj kendini http://www.dmrylife.net/images/siberkultur.gif şeklinde çağıracaktır. Aynı şekilde 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. Mehmet Demiray Altta dönmüş halini görebilirsiniz ;)
Mehmet Demiray

“code”
işte en önemli kodlardan bir tatesi bu :) Mesela echo “mehmet demiray”; 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 15 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:

Mehmet Demiray

. CSS ile kenarlık atabilirim ne olacak ki demeyin, zira fieldset, legend ile kullanıldığında harikalar yaratıyor.

Mehmet Demiray (bu örnek gibi olacak)

“legend”
fieldset ile belirlediğimiz alanlara bir başlık eklememizi, böylece daha anlaşılır olmasını sağlar:

Üyelik bilgileri form öğeleri

Üyelik bilgileri

Sonuçta böyle bir şekil ortaya çıkarabilirsiniz ;)

“pre”
Formatlanmadan önce manasında kısaltılan

yazılarım olduğu gibi        çıkıyor ne güzel

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_Demiray yazdığınızda Mehmet_demiray şeklinde görünecek. Kısaca alt karakter eklemeye yarar :)

“sup”
Matematikteki üssü gibi bir sonuç sergiler. Mehmet^Demiray yazdığınızda Mehmet^Demiray 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.

dmRy » html üst karakter

Açıklamalarıyla 12 bilinmeyen html elementi ;)

Benzer Yazılar