SPIP

[ar] [ast] [bg] [br] [ca] [co] [cpf] [cs] [da] [de] [en] [eo] [es] [eu] [fa] [fon] [fr] [gl] [id] [it] [ja] [lb] [nl] [oc] [pl] [pt] [ro] [ru] [sk] [sv] [tr] [uk] [vi] [zh] Espace de traduction

Download

#HTML5

14 februari — aangepast op : 23 januari

Alle versies van dit artikel:

Met dit baken test je of SPIP in HTML5 werkt.


SPIP en de plugins genereren stukjes HTML code voor de publieke site. Met de komst van HTML5 is het mogelijk een meer semantieke code te gebruiken, zoals nieuwe bakens of nieuwe elementen in formulieren.

Om toch (indien je dit wenst) te voldoen aan W3C, moet je voordat je HTML5 gaat toepassen, controleren of je webpagina wel de benodigde doctype declaratie bevat:

  1. <!DOCTYPE html>

Dit betekent dus dat SPIP en de plugins niet zomaar HTML5 elementen mogen toepassen: ze moeten op één of andere manier weten wat het gewenste compatibiliteitsniveau is. Vanaf SPIP 3.0 kan dat met een optie in de configuratie worden aangegeven (in "Geavanceerde functies").

Het baken #HTML5 maakt het mogelijk met deze keuze rekening te houden:

  • Is HTML5 toegestaan, dan retourneert het baken een niet-leeg resultaat (een spatie);
  • Is de configuratie in HTML4 (de standaardwaarde), dan is het resultaat leeg. In oudere versies van SPIP (ouder dan SPIP 3.0) bestaat het baken niet en geeft het dus ook een leeg resultaat. Het kan dus altijd worden toegepast, ongeacht de versie van SPIP: sites onder SPIP vóór versie 2.2 worden dus altijd beschouwd als HTML4.

Praktijkvoorbeeld

Een plugin of een skelet die een zoekgebied in een formulier opneemt, kan het baken op de volgende wijze gebruiken:

  1. <input type="[(#HTML5|?{search,text})] ... />

Deze code genereert in het geval dat HTML5 is geactiveerd:

  1. <input type="search" ... />

en in het andere geval:

  1. <input type="text" ... />

Een ander voorbeeld: de definitie van een verplicht invoerveld in een formulier:

  1. <input type="text" [(#HTML5)required="required"] ... />

Het resultaat wordt dus respectievelijk:

  1. <input type="text" required="required" ... />
  1. <input type="text" ... />

Ondersteuning door browsers

Zoals altijd ben je bij het ontwikkelen van webpagina’s afhankelijk van de ondersteuning die de verschillende browsers geven. Oudere browsers herkennen de moderne HTML bakens en attributen niet...


Het skelet van deze bladzijde zien Site gebouwd met SPIP | Vertaalruimte | Privé-site