L’URL Rewriting expliqué aux débutants Par Olivier Duffez, le 04 août 2008 Cet article présente le principe de la réécriture d'URL et son intérêt pour le référencement de façon simple pour les débutants. URL Rewriting : à quoi ça sert ? L'URL Rewriting (réécriture d'URL en bon français) est une technique utilisée pour optimiser le référencement des sites dynamiques (utilisant des pages dynamiques). Exemple : article.php? Dans cet exemple, le fichier article.php est utilisé pour afficher un article dont le texte vient d'une base de données. Le problème est que certains moteurs n'indexent pas les pages ayant des URL de ce type. Grâce à l'URL Rewriting, Google ainsi que n'importe quel robot va pouvoir indexer les pages dynamiques. URL Rewriting : comment ça marche ? Le principe est très simple : sur un site qui utilise l'URL Rewriting, on ne peut plus se rendre compte qu'il est basé sur des pages dynamiques. Le webmaster doit changer la façon dont il écrit les liens, selon des règles qu'il va se fixer lui-même. Pour aller plus loin
Url Rewriting, Regex: actualité, tutoriel, download Styles auteur, utilisateur et agent utilisateur : 3 raisons de lâcher prise sur votre design Le rendu final d’une page Web n’est pas le produit figé des règles de présentation fixée par son auteur : il résulte de la combinaison des 3 sources de styles de l’auteur, de l’agent utilisateur et de l’utilisateur lui-même. Les règles de cascade CSS gèrent le rendu final d'une page Web en fonction de trois sources simultanées : les styles CSS auteur accompagnant le document, mais aussi les styles par défaut de l'agent utilisateur et les éventuels styles propres à chaque utilisateur. Dans cette combinaison, les styles par défaut du navigateur ont le poids le plus faible, tandis que ceux de l'utilisateur ont le poids le plus fort. Les styles par défaut de l'agent utilisateur Chaque navigateur applique aux pages Web un ensemble de styles par défaut. Ces styles de l'agent utilisateur ont un double rôle : On rencontre donc plusieurs différences de rendu par défaut d'un navigateur à l'autre. L'élément body est doté de marges de 8px par Firefox et par Internet Explorer. Les styles utilisateur
Cascade CSS et priorité des sélecteurs CSS signifie « feuilles de styles en cascade »... Mais au fait, la cascade, qu’est-ce que c’est, à quoi ça sert, comment cela fonctionne ? Plongez avec nous dans la cascade sans risque de noyade ! Les styles CSS appliqués finalement à une page Web ont de multiples origines simultanées : styles utilisateurs et styles par défaut de l'agent utilisateur s'ajoutent aux différentes feuilles de styles éventuellement prévues par l'auteur, pour structurer ses CSS en modules, offrir des styles alternatifs ou styler ses documents pour différents medias. La question-clé est donc le mode de combinaison de ce large éventail de styles possibles. C'est ici qu'interviennent le fonctionnement en cascade propre aux CSS et le calcul de la priorité respective des différents sélecteurs susceptibles de viser le même élément XHTML. Les sources de style possibles Trois séries de styles CSS d'origines différentes sont susceptibles d'être concurrentes ou combinées pour un même élément (X)HTML : Et en dernier ressort
Les sélecteurs 5.1 La reconnaissance d'un motif En CSS, des règles de reconnaissance de motifs déterminent les règles de style qui s'appliquent aux éléments de l'arbre du document. Ces motifs, nommés sélecteurs, sont variés, allant du simple nom d'un élément jusqu'aux riches motifs contextuels. Quand toutes les conditions d'un motif sont vérifiées pour un élément donné, celui-ci est retenu par le sélecteur. Dans un sélecteur, la sensibilité à la casse d'un nom d'élément du document dépend du langage utilisé pour le document. Cette table résume la syntaxe du sélecteur de CSS2 : 5.2 La syntaxe des sélecteurs Un sélecteur simple est soit un sélecteur de type, soit un sélecteur universel immédiatement suivi par un sélecteur d'attribut, un sélecteur d'ID ou une pseudo-classes, zéro ou plusieurs de ceux-ci, dans n'importe quel ordre. sélecteur consiste en une succession d'un, ou plusieurs, sélecteurs simples, séparés par des combinateurs. combinateurs sont : les caractères blancs et les caractères ">" et "+". sujets
RESS: Responsive Design + Server Side Components There's no shortage of debate about the best way to develop Web sites that work well across many networked devices. Some teams favor a client-side approach while others lean towards server-side solutions. But I'm increasingly interested in solutions that try to bring together the best of both worlds. RESS (Responsive Web Design + Server Side Components) is one such proposal. In Responsive Web Design implementations, Web URLs are consistent across devices and adapt their content based on the capabilities of the browser in which they are displayed. Server side solutions, on the other hand, only send what a client needs. So both client and server side adaptations have benefits but a few limitations. In a nutshell, RESS combines adaptive layouts with server side component (not full page) optimization. How's it Work? Let's assume we want a different navigation solution for mobile and desktop devices. On the desktop, however, we want the same navigation at the top of the page. Is it Effective?
Media Queries Welcome! - The Apache HTTP Server Project Les feuilles de style en cascade, niveau 2 Recommandation du W3C du 12 mai 1998 Cette version : Dernière version : Version précédente : Rédacteurs : Bert Bos <bbos@w3.org>Håkon Wium Lie <howcome@w3.org>Chris Lilley <chris@w3.org>Ian Jacobs <ij@w3.org> Résumé Cette spécification définit CSS2 : les feuilles de style en cascade, niveau 2. CSS2 est construit sur CSS1 (voir [CSS1]), ainsi toute feuille de style valide en CSS1 est également valide en CSS2 à très peu d'exceptions près. Statut de ce document Ce document a été vérifié par les membres du W3C et d'autres parties intéressées et le Directeur l'a approuvé comme Recommandation du W3C. Une liste des Recommandations actuelles du W3C et d'autres documents techniques peut être trouvée à Les discussions publiques sur les fonctions de CSS ont lieu sur la liste www-style@w3.org. Formats disponibles Langues disponibles
Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification This specification defines Cascading Style Sheets, level 2 revision 1 (CSS 2.1). CSS 2.1 is a style sheet language that allows authors and users to attach style (e.g., fonts and spacing) to structured documents (e.g., HTML documents and XML applications). By separating the presentation style of documents from the content of documents, CSS 2.1 simplifies Web authoring and site maintenance. CSS 2.1 builds on CSS2 [CSS2] which builds on CSS1 [CSS1]. It supports media-specific style sheets so that authors may tailor the presentation of their documents to visual browsers, aural devices, printers, braille devices, handheld devices, etc. It also supports content positioning, table layout, features for internationalization and some properties related to user interface. CSS 2.1 is derived from and is intended to replace CSS2. This section describes the status of this document at the time of its publication.
XHTML 1.0 : Le langage de balisage hypertexte extensible Cette spécification a été traduite par Karl Dubost, Normandie Web (karl+misc@la-grange.net) dans une démarche volontaire. Toute amélioration est la bienvenue. François Yergeau (yergeau@alis.com) pour la correction des détails. La version française de cette traduction est : Traducteur : Karl Dubost - <karl+misc@la-grange.net> François Yergeau <yergeau@alis.com> pour la correction des détails. La version française peut contenir des erreurs. Résumé Cette spécification définit XHTML 1.0, comme une reformulation de HTML 4 en une application XML 1.0, et trois DTDs correspondant àcelles définies par HTML 4. Statut de ce document Cette section décrit le statut de ce document à la date de sa publication. Ce document a été validé par les membres du W3C ainsi que par d'autres organismes et a été approuvé par le Directeur comme une recommandation. Ce document a été produit comme une partie de l'Activité HTML du W3C. Sommaire Les documents XHTML sont conformes à XML.
Bienvenue sur le wiki des microformats ! Les microformats sont des extensions au HTML pour marquer les personnes et organisations, événements, endroits, billets de blog, produits, critiques, C.V., recettes etc. Les sites utilisent les microformats pour publier une API standard qui est consommée et utilisée par les moteurs de recherche, navigateurs et d'autres outils. nouveau ! Introduction Ce wiki est la ressource centrale de la communauté microformats et fournit des guides de publication des microformats, des références, des spécifications, des drafts, des modèles de publication, de la recherche, du brainstorming et de la résolution de problème. Pour démarrer Pour démarrer avec les microformats : Premièrement, familiarisez-vous à écrire vos pages et applications avec du HTML 'CHIC'. Définition Les microformats sont des petits modèles de HTML pour représenter des choses communément publiées comme des personnes, des événements et des mots-clé dans les pages web. Comment contribuer ? Vous voulez nous rejoindre et contribuer ? nouveau !
Schema.org Most webmasters are familiar with HTML tags on their pages. Usually, HTML tags tell the browser how to display the information included in the tag. For example, <h1>Avatar</h1> tells the browser to display the text string "Avatar" in a heading 1 format. However, the HTML tag doesn't give any information about what that text string means—"Avatar" could refer to the hugely successful 3D movie, or it could refer to a type of profile picture—and this can make it more difficult for search engines to intelligently display relevant content to a user. Schema.org provides a collection of shared vocabularies webmasters can use to mark up their pages in ways that can be understood by the major search engines: Google, Microsoft, Yandex and Yahoo! 1. 1a. Your web pages have an underlying meaning that people understand when they read the web pages. 1b. itemscope and itemtype Let's start with a concrete example. To begin, identify the section of the page that is "about" the movie Avatar. Back to top 1d.