< HTML

XHTML

Szerző: Sallai András

Copyright © Sallai András, 2018

Licenc: GNU Free Documentation License 1.3

Web: http://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

<?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

https://www.w3.org/TR/xhtml1/

http://www.standardsmode.hu/html-css/xhtml/

https://www.w3schools.com/html/html_xhtml.asp