Nieuwe regels - Deprecated en de juiste opbouw

Deprecated elementen en attributen
In XHTML zijn verschillende elementen deprecated (niet meer ondersteund, niet meer aanbevolen). Hieronder volgt een lijst. Eerst staat het deprecated element, en na de komma de manier hoe het wel moet in XHTML.

Deprecated elementen:
<applet></applet>, <object></object>.
<b></b>, stylesheets, maar je kunt ook <strong></strong> gebruiken.
<basefont />, stylesheets.
<blackface></blackface>, stylesheets.
<blockquote></blockquote>, stylesheets.
<center></center>, stylesheets.
<dir></dir>, <ul></ul>.
<embed />, <object></object>
<font></font>, stylesheets.
<i></i>, stylesheets, je kunt ook <em></em> gebruiken.
<isindex />, <input />.
<layer></layer>, stylesheets.
<menu></menu>, <ul></ul>.
<noembed></noembed>, <object></object>
<s></s>, stylesheets.
<shadow></shadow>, stylesheets.
<strike></strike>, stylesheets.
<u></u>, stylesheets.

Deprecated attributen (aangezien het grootste deel van de XHTML oplossingen stylesheets zijn, zet ik het er alleen de goede oplossing achter wanneer het wat anders is):
alink
align
background
border
color
compact
face
height
language, type
link
noshade
nowrap
size
start
text
version, doctype
vlink
width

Jelmer:
em -> emphasis -> benadrukken. Voorbeeldje: "a of b, dus niet beide"
strong -> sterk benadrukken. "Het is onmogelijk om 2 door 0 te delen"

Verder heb je nog wat minder bekenden zoals:
ins -> inserted -> om wijzigingen aan te geven.
del -> deleted -> ook om wijzigingen aan te geven.
etc.

Allemaal semantiek. De elementen beschrijven de inhoud. Een <p>, paragraaf, is semantisch, een <h2> ook. Een <div> en een <span> bijvoorbeeld minder semantisch, omdat dezen niets specifieks zeggen over de inhoud. Dat is de grote vernieuwing van HTML5, er komen een heleboel nieuwe semantische elementen bij, en wat minder semantische elementen gaan weg of worden vervangen. Zo krijgen we straks <menu> en <video> bijvoorbeeld.

En het nadeel van xhtml, wanneer je dat werkelijk als xhtml+xml verstuurt zal IE 7 het bestand ter download aanbieden omdat het niet weet wat het ermee moet. Firefox zal het behandelen als XML, en dat heeft invloed op het renderen (deze gaat wat strikter) Echter, wanneer er een syntax-foutje in zit (bijvoorbeeld een & teken zonder dat het een entiteit is, of een foutje in de hiƫrarchie) krijg je een grote rode pagina met de melding dat de XML fout is. "ouderwetse" html probeert er op dat moment gewoon het beste van te maken.



Opbouw van een goede XHTML pagina
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Je Doctype en de xml starttag. De XML tag kun je beter niet gebruiken omdat sommige browsers dan een zootje maken van je pagina. In plaats daarvan kun je aangeven dat het een X(HT)ML document in een meta tag.


Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">

De <html> starttag, let op xmlns, dat is de namespace van de xml (de declaratie van alle tags). Let ook op lang, en xml:lang. xml:lang is nieuw in XHTML, maar om backwards compatible te blijven wordt aanbevolen ook lang er naast te zetten. xml:lang gaat boven lang.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<head>
<title>Titel van de pagina</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
</head>

De head, let op de meta-tag. Die moet je niet gebruiken in combinatie met de XHTML start-tag. Je hebt 2 versies, een om het bestand als HTML voor te doen, en een om het als XML + XHTML te laten verwerken. Om backwards compatible te blijven, wordt het gebruik van 'text/html' aangeraden, omdat oudere browsers niet weten wat ze aan moeten met 'application/xhtml+xml'.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
<body>
</body>

De body van je pagina met de inhoud
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
</html>

En we sluiten de html-tag weer af

« Lees de omschrijving en reacties

Inhoudsopgave

  1. Inleiding
  2. Voordelen
  3. Doctypes
  4. Nieuwe regels - Hoofdletters, en tags afsluiten
  5. Nieuwe regels - Deprecated en de juiste opbouw
  6. W3c Validator
  7. Afsluiting

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.