Jump to content

Xhtml: indleiding&basis!


Recommended Posts

Geplaatst: (bewerkt)

Info:

Xhtml is de opvolger van html, kan je html kan je xhtml. :)

Deze code is netter en gebruiksvriendelijker, dus je kan beter met Xhtml dan met html beginnen.

Enkele regels:

Je codes mogen NIET in drukletters zijn.

Goed:

<html>
<head>
...

Fout:

<HtmL>
<HEAD>...

In html mocht dit, in xhtml dus niet.

De tags moeten ook in juiste volgorde staan, voorbeeld:

Juist:

<b><i>tekstje opnieuw</b></i>

Fout:

<b><i>tekstje</i></b>

Je sluit altijd de tag die je als laaste gebruikt heb als eerste af.

Tags sluiten:

Erg lastig maar het moet wel.

In html hoefde je tags zoals <img> en <br> niet af te sluiten. Hier wel.

Je kan dit op de ouderwetse manier doen, dus <br> </br>

Maar ook zo: <br /> , je gebruikt dus de / meteen.

Die spatie is vereist voor de oude browser.

Ook moet je nu voor alle waarden opende en sluitende " gebruiken.

Goed:

<img src="image.png" width="100" height="50" alt="text" />

Zoals je ziet gebruikt hij voor alle waarden nu ".

Fout:

<img src="image.png" width=100 height=50 alt="text">

Daar ontbreken bij sommige dingen de " , dit is bij Xhtml verplicht!

Een doctype gebruiken:

Je zult denken, WTF is een doctype?

Dit is zoiets als dit:

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

Dit moet voor de <html> tag..

Maar daar hebben we onderscheid in, we hebben 3 doctypes.

Strict doctype!

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

Dit zet je vooral in een nette code, vooral bedoeld voor CSS codes.

Frameset doctype!

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

Indien je frames hebt moet je deze gebruiken.

Transitional doctype!

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

Deze kan je bij een standaard pagina gebruiken.

Je kan het beste het laatste gebruiken, behalve bij frames of CSS html files.

Einde:

Je kan nu je huidige html code naar xhtml laten converten via dit progamma:

tiddy! (*klik*)

Ik hoop dat je nu xhtml gaat gebruiken. :engel:

Enige vragen, opmerkingen of complimenten kunnen hier gepost worden. :*D

>>> Door .Levi.: Ik heb de fout verbeterd.<<<

Bewerkt: door Samurai
Geplaatst:

handig toen ik het nog neit wist snapte ik het verschil tussen <br> en <br /> niet :puh:

als je de site af heb kun je kijken of hij wel valid(geldig) is door hem hier te laten controleren:

http://validator.w3.org/

als hij da valid is kun je dit plaatje op je site zetten zodat mensen kunnen zien dat de site netjes gecodeerd is.

http://www.w3.org/Icons/valid-xhtml10

Maar ik kreeg mij site's nooit in een keer valid en nu weet ik waarom:

ik deed altijd <b><i>tekst</i></b>

maar dankzij dit weet ik het nu :*D

Geplaatst:
De tags moeten ook in juiste volgorde staan, voorbeeld:

Juist:

<b><i>tekstje</b></i>

Fout:

<b><i>tekstje opnieuw</i></b>

Zoals je ziet moet je de volgorde die je eerste gebruikte hebt, terug gebruiken.

Dat klopt niet, de onderste is juist goed. Je moet de tag die je als laatst hebt geopend het eerst afsluiten. Dat heet het "nesting-principe".

Een reactie plaatsen

Je kan nu een reactie plaatsen en pas achteraf registreren. Als je al lid bent, log eerst in om met je eigen account een reactie te plaatsen.

Gast
Op dit onderwerp reageren...

×   Je hebt text geplaatst met opmaak.   Opmaak verwijderen

  Only 75 emoji are allowed.

×   Je link is automatisch ingevoegd.   In plaats daarvan weergeven als link

×   Je vorige bewerkingen zijn hersteld.   Alles verwijderen

×   You cannot paste images directly. Upload or insert images from URL.

  • Recent actief   0 leden

    • Er zijn hier geen geregistreerde gebruikers aanwezig.
×
×
  • Create New...