Entre el 2000 i el 2010 els desenvolupadors intentaven convertir HTML en XHTML
HTML5 no exigeix codi XHTML, però quan més ben escrit estigui, el codi és molt més fàcil d'entendre i mantenir, modificar etc..
Bones pràctiques
- Declarar sempre el tipus de document en la primera línia ( amb el DOCTYPE amb majúscules)
- Tot i que HMTL5 permet barrejar minúscules i majúscules utilitzar sempre minúscules pel noms dels elements
<p>This is a paragraph.</p>
</section>
- Tancar els elements HTML que es puguin tancar
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
</section>
- És opcional tancar els elements buits:
- Usar mínúscules pels noms dels atributs
- Si els atributs tenen espais, usar cometes :
( Això no funciona !! :
<table class=table striped> )
- No posar espais al voltant dels signes igual:
- No cal deixar línies en blanc entre tots els elements ni fer sangria als elements que estan al mateix nivell de codi. Exemple:
<body>
<h1>Famous Cities</h1>
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area,
and the most populous metropolitan area in the world.
It is the seat of the Japanese government and the Imperial Palace,
and the home of the Japanese Imperial Family.</p>
</body> - Tot i que HTML5 permet ometre l'etiqueta <html> i <body> , no ometre, ja que pot donar errors en navegadors antics, en motors de cerca, en el DOM i quan es usa XML etc.. Incloure el llenguatge a l'arrel del document ( és a dir a html). L'idioma s'usa als motors de cerca i també en l'accessibilitat. També és pot obviar <head> però no es recomana perquè actualment no es coneix les conseqüències
<html lang="en-US">
- Cal que el document tingui <title> i la definició del joc de caràcters, És molt important pels motors de cerca
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>HTML5 Syntax and Coding Style</title>
</head>
- Utilitzeu una sintaxi simple per vincular amb el full d'estil. No cal indicar el tipus
<link rel="stylesheet" href="styles.css">
- Els noms dels arxius, sempre en minúscules i sense espais. L'extensió:
Cap comentari:
Publica un comentari a l'entrada