En son web geliştirme öğreticiler

HTML ve XHTML


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

  1. Bir XHTML ekleyin <!DOCTYPE> Her sayfanın ilk satırına
  2. Bir ekleme xmlns her sayfanın html elemana niteliğini
  3. küçük harfe tüm eleman adlarını değiştirme
  4. tüm boş unsurları kapatın
  5. küçük harfe tüm özellik adlarını değiştirme
  6. Alıntı tüm özellik değerleri

W3C Validator ile doğrula XHTML

aşağıdaki kutuya web adresini koyun: