Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:html:xhtml

< HTML

XHTML

A doctype-ok összehasonlítása

HTML 4.01 Strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

Az XHTML 1.1 esetén csak egyféle DTD van.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML 5

<!DOCTYPE html>

Kötelező elemek

index.html
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="style.css"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="hu" xml:lang="hu">
<head>
<title>Cím</title>
</head>
<body>
 
Tartalom.
 
 
</body>
</html>

XHTML-ben nem a head elemek között állítjuk be a karakterkódolást. Helyett az doctype elött.

<?xml version="1.0" encoding="utf-8"?>

A stíluslapot is a doctpye elött adjuk meg.

<?xml-stylesheet type="text/css" href="style.css"?>

A HTML korábbi verzióinál a head elemek között állítjuk a karakterkódolást:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

A HTML5-ben ez leegyszerűsödik:

<meta charset="utf-8">

A html elemben itt is be kell állítani a lang tulajdonságot.

Az XHTML megkötések

  • A <!DOCTYPE ….> sor kötelező
  • Kötelező a helyes beágyazás
    • rossz beágyazás: <b><i>szöveg</b></i>
    • jó beágyazás: <b><i>szöveg</i></b>
  • A p elemeket kötelező lezárni
    • rossz: <p>bekezdés
    • jó: <p>bekezdés</p>
  • Az üres elemeket is kötelező lezárni
    • rossz: <br><hr><img src=„kep.png” alt=„kép”>
    • jó: <br /><hr /><img src=„kep.png” alt=„kép” />
  • Az XHTML elemek kötelezően kisbetűsök.
    • rossz: <DIV>szöveg</DIV>
    • jó: <div>szöveg</div>
  • Az XHTML attribútum nevek kisbetűsek
    • rossz: <img SRC=„kep.png” ALT=„kep”>
    • jó: <img src=„kep.png” alt=„kep”>
  • Az XHTML attribútumok értékeit kötelező idézőjelbe tenni.
    • rossz: <img width=10>
    • jó: <img width=„10”>
  • Az attribútum nevek minimalizálása nem megengedett
    • rossz: <input type=„checkbox” checked />
    • jó: <input type=„checkbox” checked=„checked” />

Források

oktatas/web/html/xhtml.txt · Utolsó módosítás: 2024/08/14 21:06 szerkesztette: admin