PHPascal.com

PHPAscal rouge2 (Version bleu)


Optimisation CSS Accessibilité Ergonomie Référencement php HTML SQL
  PHPascal a 147 articles


Recherche


cheap nike nfl jerseysWholesale cheap nfl jerseyscheap jerseys online from chinacheap nfl jerseys free shippingwholesale nba jerseysWholesale cheap nhl jerseyscheap nhl jerseys onlinecheap nba basketball jerseys

Valid HTML 5

Optimisation / Accessibilité / Améliorer l'accessibilité pour l'impression

Améliorer l'accessibilité pour l'impression

Pour facilité l'utilisation d'une page web imprimer on doit enlever le contenue non principal de la page soit:

  • les menus de navigations
  • les entêtes de site (qui sont identique sur chaque page)
  • les bas de page
  • les publicités

Voici un exemple de différence entre la version écran et imprimer d'une page web avec une feuille de style pour l'impression:

CSS impression - version écran version imprimer

Et on doit ajouter les lien URL au complet pour les lien cité dans nos articles sinon il est impossible de savoir de quel lien il est question sur la version imprimé.

Pour ce faire avec CSS il est très facile de rajouter les liens avec le code CSS suivant

/* ajouter les url au complet pour l'impression des articles */
article a:link:after {
content: "(" attr(href) ")";
}
article a[href]:after {
content: "(http://www.phpascal.com/" attr(href) ")";
}

article a[href^="http://"]:after {
content: "(" attr(href) ")";
}

article a[href^="#"]:after {
content: "(" attr(href) ")";
}
/* fin ajout url au complet */

Code a ajouter dans une feuille de style spécifique à l'impression.

 

Article écrit le 11 mars 2013
Article modifié le 28 mars 2013

Autres articles sous la même catégorie


Pascal Dubreuil | © PHPascal.com 2024
Temps d'exécution : 0.0066 sec
Imprimer le 6 October 2024 - 04:24:13
par Pascal Dubreuil organisateur du Marathon roller du Canada