Ressource : https://developer.mozilla.org/fr/docs/Web/HTML/Element
- insensibles à la casse
- 2 types de balises
- classiques
- auto fermantes
- comportement des balises
- block
- inline
- attributs des balises
- ex : name, class, id, width, style...
- ID : élément unique
- Classes : éléments multiples
- les balises peuvent contenir d'autres balises
- on parle alors de parent et enfant(s)
<meta>:<head><title>:<head><style>:<head><link>:<head>pour les feuilles de style<script>:<head>ou avant la fermeture de la balise<body>
-
externaliser les fichiers CSS et JS
- permet d'avoir un code plus clean et maintenable
-
créer une structure de projet claire
- html
- dossier css
- fichiers css
- dossier js
- fichiers js
- dossier assets
- dossier images
- fichiers images
- dossier sons
- fichiers sons
- dossier images
- dossier css
- html
-
positionnement des balises
<link>: toujours dans le<head><script>: privilégier un positionnement dans le<head>avec un attributdeferou juste avant la fermeture du<body>
Ressources :
https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps/How_CSS_works
https://developer.mozilla.org/en-US/docs/Web/Performance/Critical_rendering_path
https://web.dev/defer-non-critical-css/
https://blog.logrocket.com/improve-site-performance-inlining-css/
- Headings :
<h1> ... <h6>, hiérarchie - Links
<a> - select
- datalist
- form
- fieldset
- input
- ul / ol
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent