XHTML

Szerző: Sallai András
Copyright © 2018, Sallai András
Licenc: CC BY-SA 4.0
Web: https://szit.hu

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” />

Tartalomjegyzék