Modern HTML5
Client-side form validation
Doc Mozilla sur la validation HTML
HTML Tag validation
Use tag validation (type, min, max ...) with required if data is required.
Use it for data-validation in form :
Input form with js
Use form with javascript for trigger input element.
SEO
Open Graph (for social) in meta
use OG meta for your social media SEO
<html xmlns:og="http://ogp.me/ns#">
<head>
<title>Open Graph : pourquoi utiliser les balises OGP ?</title>
<meta property="og:title" content="Article sur l'Open Graph par Referenseo" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.yakaferci.com/open-graph/" />
<meta property="og:image" content="http://referenseo/images/open-graph.jpg" />
<meta property="og:site_name" content="Agence de référencement Referenseo" />
</head>
</html>
Semantic
use Semantic HTML5 element instead of div.
Performance
Content visibility
Le content visibility increase your css performance loading !
Toutes les info sur le content visibility ici
Async / Defer
Instead to put script below body for HTML loading, use async or defer






