szit

Ez az oldal csak olvasható. Megtekintheted a forrását, de nem változtathatod meg. Ha úgy gondolod, hogy ez helytelen, kérdezd az Adminisztrátorokat!
[[oktatas:web:html|< HTML]]

====== XHTML ======

  * **Szerző:** Sallai András
  * Copyright (c) 2018, Sallai András
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
  * Web: https://szit.hu
===== A doctype-ok összehasonlítása =====
==== HTML 4.01 Strict ====

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

==== HTML 4.01 Transitional ====

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

==== HTML 4.01 Frameset ====

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

==== XHTML 1.0 Strict ====

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

==== XHTML 1.0 Transitional ====

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

==== XHTML 1.0 Frameset ====

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

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

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

==== HTML 5 ====

<code html>
<!DOCTYPE html>
</code>

===== Kötelező elemek =====

<code html 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>
</code>

XHTML-ben nem a head elemek között állítjuk be a karakterkódolást. 
Helyett az doctype elött. 
<code xml>
<?xml version="1.0" encoding="utf-8"?>
</code>

A stíluslapot is a doctpye elött adjuk meg. 
<code xml>
<?xml-stylesheet type="text/css" href="style.css"?>
</code>


A HTML korábbi verzióinál a head elemek között állítjuk a karakterkódolást:
<code html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</code>

A HTML5-ben ez leegyszerűsödik:
<code html>
<meta charset="utf-8">
</code>

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