XHTML XML olarak yazılır HTML.
XHTML Nedir?
- XHTML Genişletilebilir Köprü Metni Biçimlendirme Dili açılımı
- XHTML HTML neredeyse aynı
- XHTML HTML daha sıkı
- XHTML HTML XML uygulaması olarak tanımlanır
- XHTML tüm büyük tarayıcılar tarafından desteklenmektedir
Neden XHTML?
Internette birçok sayfa içeriyor "bad" HTML.
Bu HTML kodunu birçok tarayıcıda çalışıyor (even if it does not follow the HTML rules) :
<html>
<head>
<title>This is bad HTML</title>
<body>
<h1>Bad HTML
<p>This is a paragraph
</body>
Bugünün piyasa farklı tarayıcı teknolojileri oluşmaktadır. Bazı tarayıcılar bilgisayarlarda çalıştırmak ve bazı tarayıcılar cep telefonları veya diğer küçük cihazlarda yayınlanır. Daha küçük cihazlar genellikle yorumlamak kaynakları veya gücü eksikliği "bad" işaretlemeyi.
XML belgeleri doğru işaretlenmiş olmalıdır bir işaretleme dilidir (be "well-formed") .
XML okumak istiyorsanız, bizim okuyunuz XML öğretici .
HTML ve XML güçlerini birleştirerek, XHTML geliştirilmiştir.
XHTML XML olarak yeniden tasarlanmış HTML.
HTML En Önemli Farklar:
Belge Yapısı
- XHTML DOCTYPE zorunludur
- xmlns özniteliğini <html> zorunludur
- <html> , <head> , <title> ve <body> zorunludur
XHTML Elemanları
- XHTML elemanları olmalıdır properly nested
- XHTML elemanları daima olmalıdır closed
- XHTML elemanları olmalıdır lowercase
- XHTML belgeler olması gerekir one root element
XHTML Nitelikler
- Özellik adları olmalıdır lower case
- Özellik değerleri olmalıdır quoted
- Özellik minimizasyonu edilir forbidden
<!DOCTYPE ....> Zorunlu mı
Bir XHTML belge bir XHTML DOCTYPE bildirimini olması gerekir.
Bütün tam listesi XHTML belgetürleri bizim HTML Etiketleri Referans bulunur.
<html> , <head> , <title> ve <body> elemanları da mevcut olmalıdır ve xmlns özniteliğini <html> belge için xml ad alanını belirtmelidir.
Bu örnek Gerekli etiketlerin minimum bir XHTML belgesi göstermektedir:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title of document</title>
</head>
<body>
some content
</body>
</html>
XHTML Elemanları yuvalanmalidir
HTML'de, bazı unsurları yanlış böyle, birbiri içine geçmiş olabilir:
<b><i>This text is bold and italic</b></i>
XHTML, tüm öğelerinin doğru böyle, birbiri içine geçmiş olması gerekir:
<b><i>This text is bold and italic</i></b>
XHTML Elemanları daima kapalı olmalıdır
Bu yanlış:
<p>This is a paragraph
<p>This is another paragraph
Doğru:
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Boş Elemanlar Ayrıca kapalı olmalıdır
Bu yanlış:
A break: <br>
A horizontal rule: <hr>
An image: <img src="happy.gif" alt="Happy face">
Doğru:
A break: <br />
A horizontal rule: <hr />
An image: <img src="happy.gif" alt="Happy face" />
XHTML Elemanları Alt Durumunda Olmalı
Bu yanlış:
<BODY>
<P>This is a paragraph</P>
</BODY>
Doğru:
<BODY>
<P>This is a paragraph</P>
</BODY>
XHTML Özellik ismi küçük harflerle Olmalı
Bu yanlış:
<table WIDTH="100%">
Doğru:
<table WIDTH="100%">
Özellik Değerler Alıntı Edilmelidir
Bu yanlış:
<table width=100%>
Doğru:
<table WIDTH="100%">
Minimizasyonu Yasak mı Özellik
Yanlış:
<input type="checkbox" name="vehicle" value="car" checked />
Doğru:
<input type="checkbox" name="vehicle" value="car" checked="checked" />
Yanlış:
<input type="text" name="lastname" disabled />
Doğru:
<input type="text" name="lastname" disabled="disabled" />
HTML XHTML Nasıl dönüştürme
- Bir XHTML ekleyin <!DOCTYPE> Her sayfanın ilk satırına
- Bir ekleme xmlns her sayfanın html elemana niteliğini
- küçük harfe tüm eleman adlarını değiştirme
- tüm boş unsurları kapatın
- küçük harfe tüm özellik adlarını değiştirme
- Alıntı tüm özellik değerleri
W3C Validator ile doğrula XHTML
aşağıdaki kutuya web adresini koyun: