XHTML - Giriş

xhtml

XHTML Giriş

HTML’in açılımı “Hyper Text Markup Language” tir, Türkçesi ise “Hareketli Metin İşaretleme Dili” dir. İnternet üzerinde web sayfası oluşturmak için kullanılır. Dosya uzantısı “.html” ve “.htm”olarak kullanılabilir. Bu dili yazabilmek için metin editörlerini (Not Defteri, TextMate, Sublime Text, Vim, Notepad++ vs) kullanabilirsiniz. Oluşturulan sayfayı görüntülemek için ise bir tarayıcı/browser (Firefox, Chrome, Opera, Internet Explorer vs.) yeterlidir. Bu dili öğrenmek oldukça basittir ve yazması çok keyiflidir.

XHTML’in açılımı “Extensible Hypertext Markup Language” tir. Türkçesi ise “Geliştirilebilir Hareketli Metin İşaretleme Dili” dir. XHTML, HTML’in XML olarak düzenlenmiş halidir. Geliştirilebilir ve World Wide Web Consortium (W3C) ‘u tarafından geçerli kabul edildiği için ve ayrıca içerisinde tamamıyla HTML’i barındırdığı için biz XHTML’i öğreneceğiz. Aslında XHTML öğrenirken HTML’i de öğrenmiş olacağız. HTML ile XHTML arasında 10 ufak fark bulunmaktadır. Bu farkları Farklar sayfasından öğrenebilirsiniz.

XHTML etiketleri (tag’ları) açılırken “<” ile “>” işaretleri arasına yazılır, Örneğin, “<html>” , bu bir “html” açılış etiketidir. XHTML etiketleri kapanırken ise “</” ile “>” işaretleri arasına yazılır, Örneğin, “</html>” , bu bir “html” kapanış etiketidir. Unutulmamalıdır ki açılan her etiket kapanmalıdır. Etiket kapatmayı unutmamak için etiket açtığınız anda etiketi kapatmanızı öneririm.

İlk örneğimizi görelim…

  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-
  2. strict.dtd”>
  3. <html xmlns=”http://www.w3.org/1999/xhtml” lang=”en” xml:lang=”en”>
  4. <head>
  5. <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
  6. <title>Sayfamızın Başlığı Burada Olacak</title>
  7. </head>
  8. <body>
  9. <p>Body içerisinde yazacağımız herşey sayfamızda gözükecek</p>
  10. </body>
  11. </html>

Yukarıda bulunan etiketler, XHTML yazmak için olmazsa olmazlardandır, bu etiketler mutlaka olmalıdır. Kodun daha rahat okunması için iç içe yazılan etiketleri klavyede bulunan “Tab” tuşu ile ayırıyoruz.

“<DOCTYPE>” : Bu etiketi daha sonra ele alacağız ama şimdi bilgi almak isterseniz Geçerli Kod sayfasından bilgi alabilirsiniz. Kafanızın karışmaması açısından daha sonra bakmanızı öneririm.
“<html>” : Bu etiket tarayıcıya/browser’a bu kodun hangi dil ile yazıldığını bildirir.
“<head>” : Bu etiketi de daha sonra ele alacağız ama şimdi bilgi almak isterseniz Head ve Meta sayfasından bilgi alabilirsiniz. Kafanızın karışmaması açısından daha sonra bakmanızı öneririm.
“<title>” : Bu etiket içine yazılan her metin tarayıcının en üstünde (durum çubuğunda) bilgi olarak yer alır. Bir nevi sayfanın adı olarak düşünebilirsiniz.
“<body>” : Sayfa içerisinde görünmesini istediğimiz herşeyi/her kodu burada belirteceğiz.
“<p>” : Sayfa içerisine paragraf eklememizi sağlar, içine yazılan yazılar paragraf şeklinde gözükür.
Yukarıda ki kodu kopyalayıp metin editörünüze yapıştırıp “deneme.html” şeklinde kaydedelim. Oluşturduğumuz dosyayı çift tıklayalım ve kodun sayfada nasıl gözüktüğünü inceleyelim. “title” ve “p” etiketi içinde ki metinleri değiştirerek denemeler yapabilirsiniz.

Tarayıcıda Türkçe karakterler görünmüyor!

Eğer tarayıcıda Türkçe karakterleriniz görünmüyorsa yazdığınız kodun dilini “UTF-8 without BOM”a çevirmeniz gerekmektedir. Eğer hala sorun devam ediyorsa tarayıcınızın dilini “Unicode (UTF-8)” yapmanız gerekmektedir.

0 I like it
0 I don't like it

15 Yaşındayım Web Sitelerle Uğraşıyorum Genellikle Kendi Sitem En Sevdiğim Oyun ise ROBLOX İle Minecraft + League Of Legends Bu Oyunlar Favori Oyunlarım :)

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *