Top

HTML Dersleri

Maps Engine uygulamasına gidiyoruz. Bir arama gerçekleştiriyoruz. Yeni bir harita tanımlıyoruz, başlık ve açıklamasıyla. Katman adını giriyoruz. Haritamız belirttiğimiz katmanın altında yer alıyor. Etiketini, ikonunu, rengini ve daha fazla özelliğini özelleştirebiliyoruz. Temasını bile değiştirebiliyoruz. Paylaşım ayarlarını belirliyoruz. Herşey bitince de klasöre tıklayıp siteme göm'ü seçiyoruz. Bize bir kod parçası veriyor. 'iframe bloğu'...

 

XHTML HTML’nin ve XML’in (EXtensible Markup Language)  karışımından oluşur.

XHTML; HTML 4.01’in tüm elementlerine dayanır, XML’in katı söz dizimini de içerir.


Neden/nedir XHTML?

İnternet üzerindeki çoğu sayfa düzgün olmayan yani kötü html’e sahiptir.

Bir tarayıcıda görüntülerken alttaki kodlar düzgün görüntülenecektir. (HTML kurallarına uymasa dahi):

<html>
<head>
<title>Bu düzensiz HTML</title>
<body>
<h1>düzensiz HTML
<p>Bu bir paragraf
</body>

XML bir işaretleme dili ve herşeyin düzgün işaretlenmesi gerekir ki bu tür belgelere de well-formed yani düzgün biçimli belgeler denir.

XML verileri tanımlamak için tasarlanmıştır, ve HTML verileri görüntülemek için.

Farklı firmalara ait tarayıcıların günümüz pazarında , kimisi bilgisayarlarda çalışmakta kimisi de mobil cihazlar gibi küçük cihazlarda çalışmakta. Son bahsettiğimizde herhangi bir güç ya da kaynak yoktur  düzensiz HTML’i düzeltecek.

Bununla birlikte -HTML ve XML’in birleşimi, W3C tarafından gelecek için ve şu an için en yararlı olan işaretleme dili olduğudur – XHTML.

Genel Olay Özellikleri

HTML 4; tarayıcıda, olaylara tetikleme izni vermiştir, tıpkı bir elemente tıklayınca çalışan Javascript gibi.

Javascript ve nesneye yönelik HTML de anlatacaklarım listesinde.

Aşağıdaki genel olay özellikler HTML5 içerisinde olayların etkileşimde bulunmasını sağlamakta.

Yeni : HTML5’teki yeni olay özellikleri.


Window(pencere) Olay Özellikleri

Window nesnesi için olay tetikleyicileri.

<body> tag’ına uygulanırlar:

Özellik Değer Tanım
onafterprint  Yeni script Belge basıldıktan sonra çalışır
onbeforeprint  Yeni script Belge basılmadan önce çalışır
onbeforeonload  Yeni script Belge yüklenmeden önce çalışır
onblur script Pencere odaklanmasını kaybedince çalışır
onerror   Yeni script Bir hata gerçekleştiğinde çalışır
onfocus script Pencereye odaklandığında çalışır
onhaschange  Yeni script Belge değiştirildiğinde çalışır
onload script Belge yüklendiğinde
onmessage  Yeni script Mesaj tetiklendiğinde
onoffline  Yeni script Belge çevrimdışı olduğunda
ononline  Yeni script Belge çevrimiçi olduğunda
onpagehide  Yeni script Pencere gizli olduğunda
onpageshow Yeni script Pencere görünür olduğunda
onpopstate  Yeni script Pencerenin tarihi değiştiğinde ya da durumu
onredo  Yeni script Belge bir tekrar yapma işlemine sahne olduğunda
onresize  Yeni script Pencere yeniden boyutlandırıldığında
onstorage  Yeni script Bir belge yüklendiğinde
onundo  Yeni script Belge bir geri alma işlemine sahne olduğunda
onunload  Yeni script Kullanıcı belgeden ayrılınca



Form Olayları

Bir HTML formu içerisinde olay tetiklenir.

Tüm HTML5 elementlerine uygulanır,fakat çoğu form elementlerine uygulanır:

Özellik Değer Tanım
onblur script  bir element odaklanmasını yitirdiğinde
onchange script bir elment değiştiğinde
oncontextmenu Yeni script  bir kaynak menu tetiklendiğinde
onfocus script  Bir elemente odaklanıldığında
onformchange Yeni script  Bir form değiştiğinde
onforminput Yeni script  Bir form kullanıcı veri girişi aldığında
oninput Yeni script  Bir element veri girişi aldığında
oninvalid Yeni script  Bir element doğru olmadığında (invalid)
onreset script  Bir form resetlendiğinde
HTML5 desteklemiyor
onselect script  Bir elment seçildiğinde
onsubmit script Bir form onaylandığında

Tüm HTML5 etiketlerince desteklenen özellikler aşağıda listelenmiştir birkaç istisna haricinde. HTML5 Genel Özellikleri Yeni : HTML5'teki yeni özellikler. Özellik Değer Tanım accesskey character Bir elemente erişmek için klavye kısayolu tanımlar. class classname Bir element için class adı oluşturur (stil dosyası için). contenteditable  Yeni true false Kullanıcının içeriği düzenleyip düzenlememe izni verilip verilmemesi - true, izinli - false, değil-. contextmenu  Yeni menu_id Bir element...