« Le langage HTML/Introduction » : différence entre les versions
Contenu supprimé Contenu ajouté
+ |
+ correction orthographe/grammaire, notamment: hypertextuelle pas dans le dico contrairement à hypertexte |
||
Ligne 57 :
On voit déjà qu'il y a deux types de balises. Les balises qui vont par deux, pour dire des choses comme « là, commence le texte en emphase » et « là, termine le texte en emphase », et les balises qui sont toutes seules, comme pour le « là je veux une image ». Observez qu'une balise de fin s'écrit exactement comme la balise de début mais avec une barre de fraction « <code>/</code> » (''slash'' en anglais) avant son nom (<code>em</code>). On appelle tout ce qui est situé entre une balise de début et de fin un ''élément''. On a donc ici un élément « em » contenant le texte « emphase ».
Une balise de début peut également contenir un ou plusieurs ''attributs'', qui sont des paramètres permettant de préciser certaines caractéristiques de l'élément. Le nom de la balise dit de faire quelque chose, et un attribut donne des précisions sur comment le faire. Par exemple, la balise pour faire un lien est « <code>a<code> » (pour ''anchor'', « ancre »). Mais si on fait juste <code>{{vert|<a>}}mon super lien{{vert|</a>}}</code>, le navigateur ne saura pas où doit mener ce lien. Pour ça il y a l'attribut « <code>href</code> » (pour ''hypertext reference'', « référence
: <code>{{vert|<a}} href="<nowiki>http://fr.wikipedia.org/</nowiki>"{{vert|>}}Wikipédia{{vert|</a>}} est une encyclopédie libre.</code>
Ligne 74 :
{{fin cadre}}
Si vous avez tout suivi, vous devriez reconnaître qu'on a la balise « <code>img</code> » (qui assez logiquement veut dire ''image'') et l'attribut « <code>src</code> » (pour ''source'') qui a pour valeur « <nowiki>../images/wiki-textbook.png</nowiki> ». Et tout ça nous donne une jolie balise. Ce code affiche en fait l'image située à l'adresse « <nowiki>http://fr.wikibooks.org/images/wiki-textbook.png</nowiki> »<ref>le sens des deux points « <code>..</code> » sera expliqué [[Programmation HTML Liens#Les adresses réticulaires|plus loin]], il suffit de comprendre qu'
----
; Remarque
: La barre de fraction finale « <code>/</code> » dans une balise isolée se met en XHTML, mais ''pas'' en HTML ; l'exemple ci-dessus en HTML donne <code><img src="<nowiki>http://fr.wikibooks.org/images/wiki-textbook.png</nowiki>"></code>
----
Ligne 135 :
Comme nous l'avons déjà répété plusieurs fois, quand on choisit une version et une variante, on s'y tient. En fait soyons clair : ne pas respecter la version que vous avez choisie ne fera pas planter votre navigateur… En fait dans certains cas, ça ne se verra même pas. Pourquoi le faire alors ?
La guerre des navigateurs, dans sa première phase, allait vers la différenciation. Chaque navigateur s'autorisait à inventer des balises incompatibles avec le concurrent (stratégie de la savonnette)<ref name="soupe">Les éditeurs de logiciel (Microsoft Internet Explorer et Netscape navigator pour ne pas les nommer) créaient des balises spécifiques interprétées par eux seuls afin de concurrencer les autres et de montrer que leur navigateur avait plus de possibilité, donnant ce que l'on a appelé affectueusement la « soupe de balises »</ref>. Cette période est révolue, et la guerre des navigateurs, dans la phase actuelle, s'appuie sur la convergence vers les standards du
Avoir un site valide (c'est comme ça qu'on appelle le fait de respecter la version choisie) contribue à construire le Web du futur, que l'on espère plus accessible pour tous. Le respect des normes permet d'assurer qu'un document sera bien interprété quel que soit le système d'exploitation, le navigateur (pensez notamment aux déficients visuels), les paramètres régionaux…
| |||