Pourquoi ne pouvons-nous pas simplement ajouter des numéros de page CSS aux pages Web ?

Prise en charge par le navigateur des numéros de page CSS : un dilemme intrigant

Malgré son apparente simplicité, l'ajout de numéros de page à la version imprimée d'une page Web l'utilisation de CSS pose un défi déroutant. Bien que les balises @page et @bottom-right semblent prometteuses, leur mise en œuvre pratique s'est avérée difficile à réaliser dans les navigateurs Web populaires.

Pour résoudre ce problème, un utilisateur a tenté d'implémenter le code suivant dans un fichier HTML simple. :

@page {
  @bottom-right {
    content: "TEXT";
  }
}

Cependant, cela n'a abouti à aucun texte visible. D'autres tentatives d'utilisation de compteurs et de contenus plus complexes se sont également révélées infructueuses dans Chrome, Firefox et IE9 sous Windows 7.

Après une enquête plus approfondie, il a été découvert que la prise en charge des médias paginés dans les navigateurs Web en est encore à ses balbutiements. Selon la page Wikipédia sur la comparaison des moteurs de mise en page, aucun des principaux navigateurs ne prend actuellement en charge les zones de marge. Cette fonctionnalité essentielle permet la numérotation des pages, les en-têtes et les pieds de page.

Par conséquent, la mise en œuvre des numéros de page CSS reste un objectif insaisissable pour les développeurs Web. La conversion PDF est actuellement la seule solution fiable, mais elle entraîne des frais supplémentaires. Le manque de prise en charge par les navigateurs des médias paginés met en évidence l'évolution continue des technologies Web et les défis qui se posent lorsqu'il s'agit de repousser leurs limites.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!