HTML |
---|
Cascading Style Sheets |
Extensible HyperText Markup Language ali XHTML je označevalni jezik, ki ima enak namen kot HTML, vendar je usklajen s sintakso XML.
Medtem ko je HTML različica SGML-a, zelo prilagodljivega označevalnega jezika, je XHTML prilagojen XML-u, strožji podmnožici SGML-a. Ker mora biti dokument XHTML tvorjen pravilno, ga lahko samodejno razčlenimo kar s preprostimi razčlenjevalniki XML, za razliko od HTML, ki potrebuje razmeroma zapleten, prizanesljiv in večinoma po meri narejen razčlenjevalnik. XHTML 1.0 je postal priporočilo inštituta World Wide Web Consortium (W3C) 26. januarja 2000, XHTML 1.1 pa 31. maja leto kasneje.
Originalen XHTML W3C-standard, XHTML 1.0, je bil preprost prehod iz HTML 4.01 v XML. XHTML 1.0 se pojavlja v treh »različicah«, pri kateri se vsaka zgleduje po njeni vzporednici v HTML 4.01.
<center>
, <u>
, <strike>
in <applet>
. Podpira tudi vse drugo, kar podpira XHTML 1.0 Strict, vendar vključuje elemente in atribute za stil in je priporočen za brskalnike, ki so nastali v času okoli leta 1990, saj imajo ti brskalniki težave s prikazovanjem CSS-predlog. Da je dokument veljaven, mora vsebovati Deklaracijo o vrsti dokumenta (angleško Document Type Declaration), krajše tudi DOCTYPE. DOCTYPE napove brskalniku, kateri Deklaraciji o vrsti dokumenta (DTD), se dokument prilagaja. DOCTYPE mora po pravilu biti čisto na vrhu dokumenta, pred <html>
in za <?xml version="1.0" ?>
.
To je seznam najpogosteje uporabljenih XHTML deklaracij o vrsti dokumenta:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
XHTML 2.0 (Avgust 2006) je v fazi razvijanja. Deklaracija o vrsti dokumenta bo izgledala nekako takole:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 2.0//EN"
"http://www.w3.org/MarkUp/DTD/xhtml2.dtd">
Nekatere pogoste napake v XHTML so:
<br>
<br />
<br></br>
, <br/>
in <br />
. Starejši brskalniki, ki podpirajo samo HTML, podpirajo <br>
in <br />
. Uporaba <br />
da nekatere prednosti ter slabosti v združljivosti.<p>To je odstavek.<p>To je še en odstavek.
<p>To je odstavek.</p><p>To je še en odstavek.</p>
<em><strong>To je neko besedilo.</em></strong>
<em><strong>To je neko besedilo.</strong></em>
alt
, ki pomaga, da so strani bolj prilagodljive uporabnikom, katerim brskalnik ne prikaže slik, pomaga pa tudi ljudem s posebnimi potrebami)
<img src="/skins/common/images/poweredby_mediawiki_88x31.png" />
<img src="/skins/common/images/poweredby_mediawiki_88x31.png" alt="Podprto s strani MediaWiki"/>
<img src="/skins/common/images/poweredby_mediawiki_88x31.png">Podprto s strani MediaWiki</img>
body
) dokumenta (to ni napaka v XHTML 1.0 Transitional)
<body>Dobrodošli na moji strani.</body>
<body><p>Dobrodošli na moji strani.</p></body>
(ali katero drugo blok-etiketo kot p
)<td rowspan=3>
<td rowspan="3">
<td rowspan='3'>
&
, za prikaz znaka &)
<title>Avtomobili & tovornjaki</title>
<title>Avtomobili & tovornjaki</title>
&
, za prikaz znaka &)
<a href="index.php?stran=novice&stil=5">Novice</a>
<a href="index.php?stran=novice&stil=5">Novice</a>
<BODY><P ID="ENA">Najboljša stran na svetu</P></BODY>
<body><p id="ENA">Najboljša stran na svetu</p></body>
<textarea readonly>SAMO ZA BRANJE</textarea>
<textarea readonly="readonly">SAMO ZA BRANJE</textarea>
document.write()
v skriptih, namesto node creation methods
document.write()
document.createElementNS(); document.getElementById().appendChild();
<style type="text/css"> <!-- p { color: green; } --> </style>
<style type="text/css"> </style>
<style type="text/css"> p { color: green; } </style>
<!]>
.<style type="text/css"> <![CDATA[ p { color: green; } ]]> </style>
Vrsta MIME | Primer 1 | Primer 2 |
---|---|---|
application/xhtml+xml | NAJ BI | NAJ BI |
application/xml | NAJ | NAJ |
text/xml | NAJ | NAJ |
text/html | NAJ | NAJ NE BI |
Primer 1:
<!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" xml:lang="sl" lang="sl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Primer XHTML 1.0</title>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
function nalozipdf() {
document.getElementById("pdf-object").src="http://www.w3.org/TR/xhtml1/xhtml1.pdf";
}
//--><!]]>
</script>
</head>
<body onload="nalozipdf()">
<p>This is an example of an
<abbr title="Extensible HyperText Markup Language">XHTML</abbr> 1.0 Strict document.<br />
<img id="validation-icon"
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" /><br />
<object id="pdf-object"
name="pdf-object"
type="application/pdf"
data="http://www.w3.org/TR/xhtml1/xhtml1.pdf"
width="100%"
height="500">
</object>
</p>
</body>
</html>
Primer 2:
<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="sl">
<head>
<title>Primer XHTML 1.0</title>
<script type="text/javascript">
<![CDATA[
function nalozipdf() {
document.getElementById("pdf-object").src="http://www.w3.org/TR/xhtml1/xhtml1.pdf";
}
]]>
</script>
</head>
<body onload="nalozipdf()">
<p>This is an example of an
<abbr title="Extensible HyperText Markup Language">XHTML</abbr> 1.0 Strict document.<br />
<img id="validation-icon"
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Strict" /><br />
<object id="pdf-object"
name="pdf-object"
type="application/pdf"
data="http://www.w3.org/TR/xhtml1/xhtml1.pdf"
width="100%"
height="500" />
</p>
</body>
</html>
Opombe:
<param name="src" value="http://www.w3.org/TR/xhtml1/xhtml1.pdf" />
v <object>
.img
ne dobi atributa name
v DTD-ju XHTML 1.0 Strict.