Test de la propriété display
Ça marche si vous ne voyez qu'une phrase.
Défilement
Lorsque vous faites défiler cette page vers le bas, l'en-tête de la page (qui contient le titre et la barre de navigation) dans rester fixe. Le contenu de la page doit passer « sous » l'en-tête.
Test des caractères spéciaux
Voici quelques tests personnels pour que vous puissiez évaluer la qualité de votre navigateur à traiter les caractères spéciaux.
Sur cette page vous ne devez jamais voir le signe & (et commercial) ailleurs que sur cette ligne.
- La poule pond un œuf.
- Les cartes à jouer : ♥ ♠ ♣ ♦.
- Le symbole du microhm est μΩ.
- Le symbole de l'euro est €.
- Définition de la limite : ∀ ε ≥ 0, ∃ α > 0, |x - x0| ≤ α ⇒ |f(x) - l| ≤ ε
Test sur les tableaux (CSS)
Le petit tableau ci-dessous doit être centré par rapport à la page.
Unité | Symbole |
---|---|
mètre | m |
kilogramme | kg |
Légende et encadrement (CSS)
Vous devez voir ci-dessous un blason encadré de vert avec un liseré blanc. Le blason doit être centré par rapport à la page. La légende, en italique, doit se trouver sous le blason et être également centrée (par rapport à la page et par rapport au blason).
Test d'une boîte compacte
Exemple repris du paragraphe 9.2.3 de la norme CCS2.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Un exemple de boîte compacte</TITLE>
<STYLE type="text/css">
DT { display: compact }
DD { margin-left: 4em }
</STYLE>
</HEAD>
<BODY>
<DL>
<DT>Court
<DD><P>Ici une description.
<DT>Trop long pour tenir dans la marge
<DD><P>Ici une autre description.
</DL>
</BODY>
</HTML>
Cet exemple pourrait être rendu ainsi :
Court Ici une description. Trop long pour la marge Ici une autre description. |
Rendu sur votre navigateur :
|
Test d'une boîte en enfilade
Exemple repris du paragraphe 9.2.4 de la norme CCS2.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>Un exemple de boîte en enfilade</TITLE>
<STYLE type="text/css">
H3 { display: run-in }
</STYLE>
</HEAD>
<BODY>
<H3>Un titre en enfilade.</H3>
<P>Et un paragraphe qui le suit.
</BODY>
</HTML>
Cet exemple pourrait être rendu ainsi :
Un titre en enfilade. Et un paragraphe qui le suit. |
Rendu sur votre navigateur :
Un titre en enfilade.Et un paragraphe qui le suit. |
Test des compteurs de la norme CCS2
Sur la page Bible, les livres de la Bible doivent être numérotés de 1 à 66.
Page de test d'Icab
Vous pouvez aller sur la page de test d'Icab pour vérifier d'autres fonctionnalités de votre navigateur.
Test des CCS 2
Il existe également un excellent site en français de tests sur les CCS 2.