De veranderingen  
   

Wat gaat er eigenlijk allemaal veranderen en waar moet je op letten?

 
     
   

Ten eerste moet een pagina altijd een doc type bevatten, voor een frameset is dat bijvoorbeeld:

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

 
     
   

Alle tags moeten ook met kleine letters worden geschreven (dit was bij html eigenlijk ook al zo, maar daar werd het vaak door de browsers over het hoofd gezien)

dus zag eerst de opmaak van je pagina er zo uit:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<HTML>
<HEAD>
<TITLE>titel van de pagina</TITLE>
</HEAD>
<BODY>
content
</BODY>
</HTML>

komt hij er nu zo uit te zien:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>titel van de pagina</title>
</head>
<body>
content
</body>
</html>

 

 
   

Maakte je eerst een link op deze manier: <A HREF="http://www.anouksweb.nl"> wordt dat nu zo: <a href="http://www.anouksweb.nl">

Gebruikte je eerst deze regel om de afmeting van de tabel te bepalen: <table WIDTH="100%"> gebruik je nu dit: <table width="100%">

 

Ook mag je de qoutes niet meer vergeten, dus niet dit: <table width=100%> maar <table width="100%">

 

 
  Alle tags afsluiten  
   

ALLE tags moeten ook afgesloten worden.

Als je bijvoorbeeld een paragraaf maakt, word het niet dit:

<p>hier een stukje tekst

<p>daar een stukje tekst

maar:

<p>hier een stukje tekst</p>

<p>daar een stukje tekst</p>

de tags die niet in html gesloten hoefde te worden waren bijvoorbeeld: <img> <br> <hr>

Je kunt de tags nu op twee manieren sluiten, ik neem even als voorbeeld de img tag, die kun je zo sluiten <img> </img> maar je kunt de sluitingstags ook toevoegen aan de al bestaande tag <img /> (tussen de img en de schuine streep een spatie, dit is niet noodzakelijk, maar je kunt het het beste wel doen, want oudere browsers kunnen hierdoor problemen krijgen)

 
     
  Het afkorten van de html code wat zo makkelijk ging, gaat nu ook niet meer, zoals:  
   

dit is fout:

 

 
  <dl compact>
<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>
 
   

dit is goed:

 

 
  <dl compact="compact">
<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected">
<frame noresize="noresize">
 
     
   

Ook is de ID attribuut in plaats gekomen van de NAME attribuut

Zag eerst je code naar een afbeelding er zo uit:

<IMG SRC="afbeelding.jpg" name="mijnfoto">

 
   

dan ziet deze er nu zo uit:

<IMG SRC="afbeelding.jpg" id="mijnfoto" />

omdat nog niet alle browser hiermee compatible zijn, kun je voorlopig nog het beste deze code gebruiken, met de beide attributen in gebruik:

<img src="afbeelding.jpg" id="mijnfoto" name="mijnfoto" />

Het lijkt allemaal ingewikkeld, maar het valt best mee, het lijkt behoorlijk veel op elkaar.