> For the complete documentation index, see [llms.txt](https://akyos.gitbook.io/book/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://akyos.gitbook.io/book/html/utilisation-des-balises-hmtl-5-native.md).

# Utilisation des balises HMTL 5 native

Il faut que nous puissions lire le contenu et voir sa hiérarchie et son contexte rien que part sa structure et ses balises ( sans le visuel du site ). Cela nous permet d'avoir nativement, une lisibilité pour les personnes souffrants de handicap.

Utiliser au maximum les balises qui sont fait pour ( par exemple: la balise dialog pour faire une modal )

C'est pourquoi nous devons nous forcer à avoir une sémantique logique dans nos balises.

{% hint style="info" %}
Nous devons également suivre les évolutions de ces balises.

En effet, le html évolue également et il nous permet de faire de plus en plus de chose plus facilement sans utiliser de Javascript
{% endhint %}

### Quelques exemples de balises méconnues

* la balise [`<dialog>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/dialog) : elle nous permet d'avoir une modal native aux navigateurs. Nous devons tout de même faire un peu de Javascript pour mettre l'attribut open dessus mais c'est très minime. ( voir sur cette page : <https://mychefcut.ac-dev.fr/tutoriels/> )
* la balise [`<output>`](https://developer.mozilla.org/fr/docs/Web/HTML/Element/output) : elle nous permet d'injecter le résultat d'un calcul à partir, par exemple, d'un formulaire sans utiliser de Javascript. Cela pour nous servir pour le calcul d'un prix par exemple.