diff options
Diffstat (limited to 'files/fr/archive/standards_du_web')
8 files changed, 688 insertions, 0 deletions
diff --git a/files/fr/archive/standards_du_web/choisir_de_se_conformer_aux_standards_plutôt_qu_aux_pratiques_propriétaires/index.html b/files/fr/archive/standards_du_web/choisir_de_se_conformer_aux_standards_plutôt_qu_aux_pratiques_propriétaires/index.html new file mode 100644 index 0000000000..3f2ad0a34e --- /dev/null +++ b/files/fr/archive/standards_du_web/choisir_de_se_conformer_aux_standards_plutôt_qu_aux_pratiques_propriétaires/index.html @@ -0,0 +1,104 @@ +--- +title: Choisir les standards plutôt que les pratiques propriétaires +slug: >- + Archive/Standards_du_Web/Choisir_de_se_conformer_aux_standards_plutôt_qu_aux_pratiques_propriétaires +tags: + - Standards_du_Web +translation_of: Archive/Web_Standards/Choosing_Standards_Compliance_Over_Proprietary_Practices +--- +<h3 id="Introduction">Introduction</h3> + +<p>There are a number of standards, procedures, and processes that an organization can use. At the high level, there are two primary types of standards: procedural (how do we do it) versus technical (what do we follow). Organizations implement internal procedural standards so they are able to operate efficiently. They may also incorporate external procedural and/or technical standards. Technical standards have traditionally been pioneered through consortiums or standards bodies. The technical standards can be either public, standards-based or a proprietary de facto standard. The purpose of this document is to discuss and emphasize the importance of conforming to open technology standards that are external to the organization. Let’s begin the discussion, however, by looking inward to internal procedures, processes and standards.</p> + +<p>Why should organizations have standard procedures at every level? Following standards is certainly not a new organizational phenomenon; organizations require their employees to follow common rules, or a common set of standards all the time. Memos, time cards, and accounting procedures are all standardized across groups.</p> + +<p>In the development world, there is a need for standards because applications are designed across multiple development groups. Many organizations publish internal development standards and practices. For example, an organization may decide that C++, Java, and JavaScript will be the primary coding languages. They may require that each project be comprised of Marketing Requirements Documents, Product Requirements Documents, Functional Requirements Documents, Quality Assurance Test Plans, and Certification Documents.</p> + +<p>As organizations mature, they discover that they need more processes to give them greater control, which allows them to more easily plan and predict. With processes, organizations can make release schedules, implement marketing plans, analyze resource allocations, and make adjustments when needed. Adherence to standards and processes can actually provide a level of flexibility because development does become predictable. In addition to predictability, standard processes improve understanding and streamline costs.</p> + +<h3 id="Un_processus_de_développement_commun">Un processus de développement commun</h3> + +<p>As an organization matures, managers and engineers develop a fundamental understanding of the importance of requiring adherence to these processes. When projects are proposed, they are evaluated to ensure compatibility with the overall business strategy. Product marketing must then analyze the marketability of the application/product, and then conduct in-depth technical evaluations and market research studies. If the project is accepted, the compiled information, analysis and research is merged into a Request for Proposal (RFP).</p> + +<p>This process is not unique: most organizations have basic project management processes for product or service. Even within organizations, their processes are fine-tuned to work within the existing culture. When this happens, a development standard is created and is expected to be followed.</p> + +<p>It is easy to get caught up in the process and forget why organizations have these processes in place. Bottom line, organizations have them because they save money, time, and resources. Sure, there are other reasons -– accountability, checkpoints, and scheduling, for example. The end result, however, is having a process in place that maximizes the organization's investment.</p> + +<h3 id="Autres_standards">Autres standards</h3> + +<p>It is also important to follow other types of standards across an organization. There are numerous standards organizations that affect how and why we do what we do. For example, in the accounting arena there is FASB (Financial Accounting Standards Board) and IASB (International Accounting Standards Board). All businesses are expected and required to follow the guidelines set forth by the FASB. When auditors evaluate an organizations financial health, they do so by following the FASB rules.</p> + +<p>Focusing on the software development portion of an organization, there are numerous standards bodies that can affect development decisions. For example, if an organization is developing a web-based client, they may have to adhere to standards imposed by these organizations:</p> + +<ul> + <li>ANSI (<em><a class="external" href="http://www.ansi.org/">American National Standards Institute</a></em>),</li> + <li>ATSC (<em><a class="external" href="http://www.atsc.org/">Advanced Television Systems Committee</a></em>),</li> + <li>ECMA (<em><a class="external" href="http://www.ecma-international.org/">European Computer Manufacturers Association</a>: Standardizing Information and Communication Systems</em>),</li> + <li>IEEE (<em><a class="external" href="http://www.ieee.org/">Institute of Electrical and Electronics Engineers</a></em>),</li> + <li>IETF (<em><a class="external" href="http://www.ietf.org/">Internet Engineering Task Force</a></em>),</li> + <li>IRTF (<em><a class="external" href="http://www.irtf.org/">Internet Research Task Force</a></em>),</li> + <li>ISO (<em><a class="external" href="http://www.iso.org/">International Standards Organization</a></em>),</li> + <li>ITU (<em><a class="external" href="http://www.itu.org/">International Telecommunication Union</a></em>),</li> + <li>OASIS (<em><a class="external" href="http://www.oasis-open.org">Organization for the Advancement of Structured Information Standards</a></em>),</li> + <li>OMA (<em><a class="external" href="http://www.openmobilealliance.org/">Open Mobile Alliance</a></em> (formally WAP)),</li> + <li>UNI (<em><a class="external" href="http://www.unicode.org/">Unicode Consortium</a></em>), and</li> + <li>W3C (<em><a class="external" href="http://www.w3.org/">World Wide Web Consortium</a></em>),</li> +</ul> + +<p>Like the processes and standards that accountants and project managers must follow, the above-mentioned standards organizations provide focus and direction for the development engineering community. By following the guidelines that have been put into place, organizations like AOL can enhance user experience, interoperability, code reuse, shared resources, and goodwill while reducing costs. I will discuss each of these items in the following paragraphs.</p> + +<div dir="ltr"> +<h2 id="Interopérabilité">Interopérabilité</h2> +</div> + +<p>The key to interoperability is settling on a standard that has a potential for long-term use. An organization must have the assurance that the standard they choose to incorporate into their development process will be relevant in the future. In other words, there must be long-term potential. A fundamental mistake that many organizations make is to use proprietary methods, software, code, or standards. Following a proprietary path has led many organizations down disastrous paths.</p> + +<p>Case in point: Xerox Corporation. Xerox was clearly ahead of their time in the early 1980’s when they designed and developed the Star Office System. It was an elegant workstation with an iconic desktop developed by the engineers at PARC (Palo Alto Research Center). The Star Office System offered functionality that neither Microsoft nor Apple has been able to match with their current offerings.</p> + +<p>The engineers developed Star on a proprietary development operating system known as Pilot. Pilot had a highly-integrated debugging tool called Co-pilot that allowed the Xerox development organization to quickly and easily debug issues. However, what Xerox neglected to understand was that regardless of how powerful Pilot and Co-pilot was, the Star Workstation could not evolve with the times because it was proprietary. Xerox was bound to a unique hardware platform and to a closed development operating system. And Xerox chose to bypass multiple opportunities to port the code to other platforms, and to provide open-source code. Consequently, Xerox eventually had to shut down the production of their workstation development because of escalating manufacturing and developing costs and slowed sales.</p> + +<p>Xerox’s biggest asset in the beginning became its weapon of destruction. They settled on a proprietary environment, and missed the opportunity to make their environment the benchmark – and set the standard.</p> + +<p>Following open standards has an added benefit. When it is necessary for an organization to interact with other applications through alliances, merger, or acquisition, the integration and interoperability is much less costly if all parties involved follow the standards from the outset. Consistent standards significantly reduce development re-work, and ensure consistent and predictable behavior from one application to the next.</p> + +<h3 id="Expérience_utilisateur_et_bonne_volonté">Expérience utilisateur et bonne volonté</h3> + +<p>Customer retention and market expansion is critical. When customers choose to use a particular product, they must have a positive experience with consistent, reliable, and predictable behavior. As users become more sophisticated, and as additional devices become more affordable, they will be accessing the same information across a variety of devices – and expect them to look and act the same – regardless of whether they are accessing a web site from their desktop, phone, or handheld. Consequently, if an organization offers a suite of products they must ensure that the user experience is consistent and predictable across the product line.</p> + +<h4 id="Cohérence">Cohérence</h4> + +<p>To be successful, organizations need to understand this user expectation and provide a consistent experience across their product offerings. When usability alters too much across products, users complain.</p> + +<p>Apple and Microsoft have learned this lesson well. When a Macintosh user shifted from Mac OS 8.x to Mac OS 9.x, the interface and desktop metaphor was virtually unchanged. Users could quickly and easily shift from one version to the next. However, when Mac OS X was released, Apple completely revamped the interface and desktop metaphor. That change caused quite a rumble through the Apple user community. It changed just enough to make it awkward, but not enough to where the user could not adjust. Apple received both good and bad press; and they lost some users and won some others over.</p> + +<p>An example of how consistent user experience wins user loyalty can be seen in how Microsoft ensures common behavior across applications. For example, in Word, Excel, and other Windows applications, we know that pressing <code>CTL</code>+<code>C</code> within any Microsoft product means copy. The behavior is consistent and predictable and has subsequently become the de-facto standard. The reason it is consistent and predictable is because Microsoft has established a corporate set of usability standards and supports the relevant international standards.</p> + +<h4 id="Accessibilité">Accessibilité</h4> + +<p>No organization can afford to overlook or ignore accessibility standards. Within the web environment, the accessibility standards are closely tied to HTML, XML, XHTML, and other W3C standards. By integrating and supporting the accessibility guidelines, an organization can offer their product lines or services to a larger and more diverse user base.</p> + +<h4 id="Interchangeabilité">Interchangeabilité</h4> + +<p>If a user experiences consistent behavior across a range of products, they can predict how a particular action or function will work or respond. As a product provider, the goal should be the element of least surprise. By instilling a set of global goals and standards into an organizational infrastructure, an organization is ensuring its end users the ability to interact, function, view, and process information consistently as they transition from one device to the next.</p> + +<p>A significant drawback in allowing divergence across applications is that information must be replicated, altered, or massaged to be processed across the divergent applications. This also creates issues in regard to authoring tools for these various applications. For example, let us say we have multiple application offerings that can be used to browse the web. Each of these applications has followed their own development and support standards. They each may support some or part of the international standards, but not fully. What authoring tool should we use? Would it be fiscally prudent to develop proprietary authoring tools for each application? What would the market adoption rate be for the suite of applications in this case? How can an organization consistently win market share if their product offerings are not integrated? More importantly, what if the user perception is that their products are not interchangeable?</p> + +<h3 id="Ressources_Partagées">Ressources Partagées</h3> + +<p>When an organization instills a corporate-wide policy of shared standards, they can leverage engineering resources across multiple projects. The development engineers can shift more readily between projects with little to no downtime. Coding practices are consistent. Expectations are known. There is equivalent functionality across applications offered by the organization. And, the engineers have a broader base of experience, making them more valuable within the organization.</p> + +<p>For example, if web-based applications are expected to be W3C compliant, each engineer would be expected to know and understand the W3C standards. Development efforts would consequently support similar levels of standards support, which could possibly lead to cross-application coding, or code reuse.</p> + +<p>For example, if a development engineer writes an application following the ANSI standard of C and C++, and writes that code on a particular platform, that code can be compiled on any other platform and operating system that supports ANSI standards. Microsoft products are difficult to export because they introduced MFC (Microsoft Foundation Classes), which is a Windows-only standard that does not follow the ANSI standard.</p> + +<h3 id="Assurance_de_la_qualité">Assurance de la qualité</h3> + +<p>We know from experience that without rigorous testing, our products can fail miserably when we introduce them into the market. Technical support is costly not only in regard to support staff costs, but also in respect to customer dissatisfaction.</p> + +<p>That is why organizations also need to apply standards to quality testing. By adopting a set of standards, the QA organization can produce a set of test suites that they can use across multiple projects. By having a standardized set of test suites, the QA organization can easily maintain, verify, and certify the tests, and eliminate redundant testing databases to ensure consistency and reliability. Like the engineers, standardization also helps the QA engineers become highly proficient and capable of shifting from project to project.</p> + +<h3 id="Résumé">Résumé</h3> + +<p>As organizations expand product development across multiple devices and product families, integration and compatibility must be a key requirement. Adhering to a set of future-focused International standards will make cross-functional integration possible. Adopting standards will not only help an organizations end users enjoy a cross application experience; organizations will help themselves by giving development and quality assurance engineers the tools to become better equipped and flexible. Lastly, by following a series of standards, organizations can more easily measure progress, performance, and results across the organization.</p> + +<p>The most compelling dilemma is how an organization chooses to follow open external standards versus a proprietary de facto standard. Following proprietary de facto standards leaves an organization vulnerable and open to obsolescence when the owner of the de facto changes focus or direction, or abandons the de facto altogether and renders the standard stagnate. On the other hand, by adopting open technology standards and participating in the development and direction of those standards, an organization is providing a path for future development, growth and revenue.</p> diff --git a/files/fr/archive/standards_du_web/communauté/index.html b/files/fr/archive/standards_du_web/communauté/index.html new file mode 100644 index 0000000000..27a26f6bbc --- /dev/null +++ b/files/fr/archive/standards_du_web/communauté/index.html @@ -0,0 +1,30 @@ +--- +title: Communauté +slug: Archive/Standards_du_Web/Communauté +tags: + - Standards_du_Web +translation_of: Archive/Web_Standards/Community +--- +<p> +Quelques liens sur la communauté francophone des standards du Web. +</p> +<h3 id="Sites_majeurs" name="Sites_majeurs"> Sites majeurs </h3> +<ul><li> <a class="external" href="http://openweb.eu.org/">L'Openweb Group pour les standards du Web</a> +</li><li> <a class="external" href="http://pompage.net/">Pompage.net : le web design puisé à la source</a> +</li><li> <a class="external" href="http://www.opquast.com/">Opquast - Bonnes pratiques qualité pour les services en ligne</a> +</li><li> <a class="external" href="http://www.alsacreations.com">Alsacréations - formations HTML / CSS et conception Web</a> +</li><li> <a class="external" href="http://www.webonorme.net">WebonOrme - Annuaire de ressources sur les standards du web</a> +</li></ul> +<h3 id="Autres_ressources" name="Autres_ressources"> Autres ressources </h3> +<h4 id="Forums" name="Forums"> Forums </h4> +<ul><li> <a class="external" href="http://forums.alsacreations.com/">Forums CSS et standards W3C d'Alsacréations</a> +</li><li> <a class="external" href="http://www.webmaster-hub.com/index.php?showforum=89">Webmater Hub - Création et exploitation de Sites Internet</a> +</li></ul> +<h4 id="Listes_de_diffusion" name="Listes_de_diffusion"> Listes de diffusion </h4> +<ul><li> <a class="external" href="http://pompage.net/liste/">La liste des pompeurs</a> +</li></ul> +<h4 id="Blogs" name="Blogs"> Blogs </h4> +<ul><li> <a class="external" href="http://standblog.org">Le StandBlog de Tristan Nitot</a> +</li><li> <a class="external" href="http://blog.alsacreations.com">Le blog d'Alsacréations</a> +</li><li> <a class="external" href="http://www.blog-and-blues.org/">Blog et articles sur les standards, de Laurent Denis</a> +</li></ul> diff --git a/files/fr/archive/standards_du_web/index.html b/files/fr/archive/standards_du_web/index.html new file mode 100644 index 0000000000..87eedc9111 --- /dev/null +++ b/files/fr/archive/standards_du_web/index.html @@ -0,0 +1,92 @@ +--- +title: Standards du Web +slug: Archive/Standards_du_Web +tags: + - Standards_du_Web +translation_of: Archive/Web_Standards +--- +<div>En produisant des <strong>sites Web conformes aux standards</strong> du W3C, on s'assure qu'ils vont fonctionner quel que soit le navigateur. […] Parce qu'Internet tient une place importante dans nos vies, et qu'il est bien parti pour occuper plus de place encore dans le futur, il appartient à chaque auteur de site web de s'assurer que les pages qui sont produites sont utilisables par tous les navigateurs récents, quels que soient le matériel utilisé, et le handicap éventuel de l'utilisateur. Bien sûr, il est impossible de tester son site sur toutes les plateformes possibles. Mais en produisant du code valide (c'est-à-dire respectant les standards du W3C et validé par les outils HTML et CSS), il est possible de s'assurer que le contenu du site s'affichera aussi bien que possible dans une très grande majorité des plate-formes, préservant ainsi la diversité des navigateurs, du matériel et des individus.</div> + +<table class="topicpage-table"> + <tbody> + <tr> + <td> + <h4 id="Documentation" name="Documentation"><a href="/Special:Tags?tag=Standards_du_Web&language=fr" title="Special:Tags?tag=Standards_du_Web&language=fr">Documentation</a></h4> + + <dl> + <dt><a href="/fr/Migration_d'applications_d'Internet_Explorer_vers_Mozilla" title="fr/Migration_d'applications_d'Internet_Explorer_vers_Mozilla">Migration d'applications d'Internet Explorer vers Mozilla</a></dt> + <dd><small>Tout le monde a déjà été confronté à des difficultés pour faire fonctionner des applications Web spécifiques à Internet Explorer sous Mozilla. Cet article traite des problèmes classiques avec la migration d'applications vers un navigateur libre basé sur Mozilla.</small></dd> + </dl> + + <dl> + <dt><a class="external" href="http://www.mozilla.org/docs/web-developer/upgrade_2.html">Using Web Standards in your Web Pages</a></dt> + <dd><small>Cet article propose un aperçu du processus de mise à jour du contenu d'un site pour le rendre conforme aux standards Web du W3C.</small></dd> + </dl> + + <dl> + <dt><a href="/fr/Préférer_le_respect_des_standards_aux_solutions_propriétaires" title="fr/Préférer_le_respect_des_standards_aux_solutions_propriétaires">Préférer le respect des standards aux solutions propriétaires</a></dt> + <dd><small>(à traduire de <a href="/en/Choosing_Standards_Compliance_Over_Proprietary_Practices">en:Choosing Standards Compliance Over Proprietary Practices</a>)</small></dd> + <dd>Dans le monde du développement, il y a un besoin de standards parce que les applications doivent fonctionner sur de multiples groupes de développement.</dd> + </dl> + + <dl> + <dt><a href="/fr/Le_modèle_économique_des_standards_Web" title="fr/Le_modèle_économique_des_standards_Web">Le modèle économique des standards Web</a></dt> + <dd><small>Cet article explique comment l'adhésion aux standards Web et l'abandon des formats et technologies propriétaires peuvent contribuer aux bénéfices d'une entreprise.</small></dd> + </dl> + + <p><span class="alllinks"><a href="/Special:Tags?tag=Standards_du_Web&language=fr" title="Special:Tags?tag=Standards_du_Web&language=fr">Tous les articles…</a></span></p> + </td> + <td> + <h4 id="Communaut.C3.A9" name="Communaut.C3.A9">Communauté</h4> + + <ul> + <li>Voir les forums de Mozilla…</li> + </ul> + + <p></p><ul> + <li><a href="https://lists.mozilla.org/listinfo/dev-web-development"> Liste de diffusion</a></li> + + + <li><a href="http://groups.google.com/group/mozilla.dev.web-development"> newsgroup</a></li> + <li><a href="http://groups.google.com/group/mozilla.dev.web-development/feeds"> Flux de syndication</a></li> +</ul><p></p> + + <ul> + <li><a class="external" href="http://openweb.eu.org/">OpenWeb</a> — pour les standards du Web</li> + <li><a class="external" href="http://webstandards.org/">Le Web Standards Project</a></li> + <li><a class="external" href="http://webdevfeedhouse.com/">WebDev FeedHouse</a></li> + <li><a href="/fr/Standards_du_Web/Communauté" title="fr/Standards_du_Web/Communauté">Autres liens sur la communauté…</a></li> + </ul> + + <h4 id="Outils" name="Outils">Outils</h4> + + <ul> + <li><a class="link-https" href="https://addons.mozilla.org/fr/firefox/addon/1843">L'extension Firebug</a></li> + <li><a class="link-https" href="https://addons.mozilla.org/fr/firefox/addon/60">L'extension Web Developer</a></li> + <li><a class="external" href="http://validator.w3.org/">Service de validation du balisage (W3C)</a></li> + <li><a class="external" href="http://jigsaw.w3.org/css-validator/">Service de validation CSS (W3C)</a></li> + </ul> + + <p><span class="alllinks"><a href="/Special:Tags?tag=Standards_du_Web:Outils&language=fr" title="Special:Tags?tag=Standards_du_Web:Outils&language=fr">Tous les outils…</a></span></p> + + <h4 id="Exemples" name="Exemples">Exemples</h4> + + <ul> + <li><a class="external" href="http://www.mozilla.org/start/1.0/demos.html">Démos de Mozilla 1.0</a> — montre ce qui peut être fait avec les standards du Web.</li> + <li><a class="external" href="http://www.mozilla.org/newlayout/demo/">Démos Gecko</a></li> + <li><a class="external" href="http://www.csszengarden.com/">css Zen Garden</a></li> + <li><a class="external" href="http://www.meyerweb.com/eric/css/edge/">css/edge par Eric Meyer</a></li> + <li><a class="external" href="http://dmoz.org/Computers/Programming/Languages/JavaScript/W3C_DOM/Demos/">Démos du DOM W3C</a></li> + </ul> + + <h4 id="Sujets_li.C3.A9s" name="Sujets_li.C3.A9s">Sujets liés</h4> + + <dl> + <dd><a href="/fr/CSS" title="fr/CSS">CSS</a>, <a href="/fr/DHTML" title="fr/DHTML">DHTML</a>, <a href="/fr/HTML" title="fr/HTML">HTML</a>, <a href="/fr/Développement_Web" title="fr/Développement_Web">Développement Web</a>, <a href="/fr/XHTML" title="fr/XHTML">XHTML</a>, <a href="/fr/XML" title="fr/XML">XML</a></dd> + </dl> + </td> + </tr> + </tbody> +</table> + +<hr> diff --git a/files/fr/archive/standards_du_web/le_modèle_économique_des_standards_web/index.html b/files/fr/archive/standards_du_web/le_modèle_économique_des_standards_web/index.html new file mode 100644 index 0000000000..eaadc83364 --- /dev/null +++ b/files/fr/archive/standards_du_web/le_modèle_économique_des_standards_web/index.html @@ -0,0 +1,143 @@ +--- +title: Le modèle économique des standards Web +slug: Archive/Standards_du_Web/Le_modèle_économique_des_standards_Web +tags: + - Développement_Web + - Standards_du_Web +translation_of: Archive/Web_Standards/The_Business_Benefits_of_Web_Standards +--- +<h2 id="Introduction_et_contexte" name="Introduction_et_contexte">Introduction et contexte</h2> + +<p>« Faire plus avec moins » semble être une mission impossible pour nos concepteurs Web : s'adresser à toujours plus de clients et à un public toujours plus large, avoir plus de diversité en termes de navigateurs, plus d'accessibilité, répondre aux attentes d'utilisateurs qui demandent plus de rapidité, tout en dépensant moins dans le maintien ou le réaménagement d'un site Web… Dans cette situation délicate, les concepteurs Web sont confrontés à un challenge incroyable. Pourtant, ils sont en train de trouver un allié insoupçonné dans la bataille : <a href="fr/Standards_du_Web">les standards du Web</a>.</p> + +<p>Cet article explique comment le fait d'adhérer à des standards Web (c.-à-d. à des normes), et de laisser tomber le balisage et les technologies propriétaires, peut contribuer à atteindre les objectifs d'affaires d'une société.</p> + +<h2 id="Coh.C3.A9rence_de_l.27apparence_et_du_sens_sur_l.27ensemble_du_site" name="Coh.C3.A9rence_de_l.27apparence_et_du_sens_sur_l.27ensemble_du_site">Cohérence de l'apparence et du sens sur l'ensemble du site</h2> + +<p>En séparant la structure (ou contenu) de la présentation, les concepteurs Web ont beaucoup a gagner. En particulier, la présentation est définie par l'emploi d'un langage orienté vers la mise en page <a href="fr/CSS">CSS</a>. Ranger CSS dans un document à part (c.-à-d. la feuille de style) et l'appliquer à une série de documents <a href="fr/HTML">HTML</a> permet de changer la présentation de tous ces documents en un clin d'œil. Le HTML strict (contrairement au balisage HTML transitoire fréquemment utilisé), oblige le concepteur à ne pas utiliser des balises de présentation dans les documents HTML, renforçant ainsi naturellement la séparation entre contenu et présentation.</p> + +<p>En réunissant toutes les questions de style et de design dans un seul document — la feuille de style — des sites entiers peuvent changer instantanément de thème. La communauté des blogs est particulièrement dynamique à cet égard, et dans beaucoup de plateformes dont WordPress, TextPattern et Habari, le thème du site est une entité complète et discrète, dans son propre droit.</p> + +<h2 id="Am.C3.A9lioration_de_l.27exp.C3.A9rience_utilisateur.C2.A0:_moins_de_bande_passante_et_des_chargements_plus_rapides" name="Am.C3.A9lioration_de_l.27exp.C3.A9rience_utilisateur.C2.A0:_moins_de_bande_passante_et_des_chargements_plus_rapides">Amélioration de l'expérience utilisateur : moins de bande passante et des chargements plus rapides</h2> + +<p>Le code HTML est souvent beaucoup plus compact (et donc plus facile à lire et à maintenir) lorsqu'il est utilisé conjointement à CSS. Selon divers reports, études de cas, et <a class="external" href="http://webword.com/interviews/king.html">Andy King</a>, auteur de <a class="external" href="http://www.websiteoptimization.com/speed/5/">Accélérez votre site Web : optimisation de sites Web</a>, CSS a rendu possible la transformation des mises en page de type tableaux en mises en page de type CSS. Habituellement, cela réduit de 25 à 50% la taille de la page. Ceci se traduit par une amélioration de l'expérience utilisateur, <a class="external" href="http://www.useit.com/papers/responsetime.html">selon le gourou de l'ergonomie/Utilisabilité Jakob Nielsen</a>, qui remarque que les utilisateurs ont tendance à fermer une page Web quand elle prend plus de 10 secondes à se charger.</p> + +<p>La feuille de style n'a besoin de se charger qu'une seule fois pour être sauvegardée en mémoire cache. Le poids du chargement peut être légèrement supérieur pour la première page. Mais pour l'accès à plusieurs pages d'un même site, étalé sur plusieurs visites, les économies en bandes passantes sont énormes.</p> + +<h2 id="Am.C3.A9liorer_les_SERPS_.28r.C3.A9sultats_de_recherche_sur_les_moteurs.29_organiques_sans_d.C3.A9penser_d.27argent" name="Am.C3.A9liorer_les_SERPS_.28r.C3.A9sultats_de_recherche_sur_les_moteurs.29_organiques_sans_d.C3.A9penser_d.27argent">Améliorer les SERPS (résultats de recherche sur les moteurs) organiques sans dépenser d'argent</h2> + +<p>L'une des plus grandes difficultés pour nos webmestres est d'avoir un bon classement dans les moteurs de recherche. Pour atteindre cet objectif, tout doit entrer en compte. Grâce à l'utilisation d'un balisage sémantique, nous aidons énormément les moteurs de recherche dans leur processus d'indexation. Ces idées viennent tout naturellement aux développeurs qui utilisent les standards, sans aucun effort, temps, ni pensée supplémentaires. Tous leurs documents sont correctement signalés dès le départ. Le nombre de sites ne fournissant pas de titres ni de descriptions appropriés dans les balises Méta est surprenant. Beaucoup d'autres sites augmenteraient énormément leur <abbr title="Search Engine Optimization : optimisation pour les moteurs de recherche">SEO</abbr> simplement s'ils utilisaient des balises appropriées au contenu. Rajouter des balises h1, h2, h3, et ainsi de suite, apporte une bonne structure aux documents hypertextes.</p> + +<p>Les agents des moteurs de recherche sillonnent le Web pour l'indexer, mais pour les besoins de classement ou d'indexation ils ne peuvent traiter que le texte. Les effets dynamiques, tels que ceux créés par <a href="fr/JavaScript">JavaScript</a> ne sont pas pris en compte, et un texte contenant des graphiques ne peut pas être lu ni analysé non plus. Le fait de séparer la présentation du contenu permet d'augmenter le taux d'information/balisage, rendant ainsi les documents de type CSS plus pertinents en ce qui concerne les termes de recherche, ce qui leur permet d'être classés plus haut dans les résultats de recherche. De la même manière, l'utilisation de CSS à la place de graphiques pour réaliser des titres peut être d'une grande aide.</p> + +<p>Il existe des différences significatives dans la manière dont opèrent les moteurs de recherche. Au lieu de se préoccuper de chaque moteur de recherche, et d'essayer de manipuler artificiellement les résultats, les pages utilisant les standards Web sont indexées et classées correctement (là où elles le méritent) à travers tous les moteurs de recherche. Non seulement les standards réduisent énormément nos soucis envers les différences de navigateurs, mais ils réduisent aussi les différences dans la manière dont les moteurs de recherche classent les pages.</p> + +<p>En utilisant correctement les standards du web, il ne devrait pas ou plus être nécessaire d'avoir recours à des campagnes propriétaires de paiement par clic, dont les coûts augmentent sans cesse et dont la qualité et l'intégrité laissent parfois à désirer.</p> + +<h2 id="Augmenter_le_trafic_des_sites_Web" name="Augmenter_le_trafic_des_sites_Web">Augmenter le trafic des sites Web</h2> + +<h2 id="Maintenir_le_contact_avec_votre_utilisateur_sur_des_plateformes_multiples" name="Maintenir_le_contact_avec_votre_utilisateur_sur_des_plateformes_multiples">Maintenir le contact avec votre utilisateur sur des plateformes multiples</h2> + +<p>Les codes respectant les standards et fonctionnant sur diverses plateformes vont main dans la main. Alors que certains navigateurs ont des bizarreries qui provoquent des comportements différents selon la plateforme, <a class="external" href="http://www.mozilla.org/university/HOF.html">les navigateurs de Mozilla</a> sont conçus pour se comporter de manière identique sur toutes les plateformes supportées (Mac, Linux, Unix, Windows…)</p> + +<p>Un nombre croissant d'agents utilisateur autres que des navigateurs, ou alors des navigateurs sur des plateformes différentes —nbsp;comme les téléphones mobiles — ont accès au contenu du Web. Les contenus de données tels que RSS et Atom ne marcheront tout simplement pas sans avoir été préalablement implantés en suivant les standards requis.</p> + +<p>Les suppositions émises à propos des utilisateurs et de leur plateforme, basées sur une réflexion erronée à propos de la communauté d'utilisateurs, sont inévitablement toujours fausses. Par exemple, il n'est pas obligatoire que les hommes d'affaires possèdent un moniteur à écran large. Le contraire peut aussi être vrai. Les « usagers puissants » (Power users) et les hommes d'affaires qui voyagent beaucoup sont en train de réduire leurs portables. Il arrive de plus en plus souvent qu'une seule personne ait peut-être besoin d'accéder au même site en utilisant des plateformes différentes à la maison, au bureau ou lors de déplacements. Ils s'attendent à une expérience constante et cohérente.</p> + +<p>Afin de gérer ces paradoxes, les standards Web nous fournissent différents outils et procédés, et nous permettent une contribution encore plus forte : la diffusion universelle de nos données est accessible aux personnes de différentes circonstances sociales, médicales ou économiques.</p> + +<h2 id="Un_personnel_plus_heureux" name="Un_personnel_plus_heureux">Un personnel plus heureux</h2> + +<p>Les bons développeurs — provenant des agences, mais aussi des stagiaires — ne veulent simplement pas travailler en utilisant des méthodes dépassées ou des plateformes aux normes incertaines, suite à l'incertitude conséquente sur la qualité. Ils ont adopté les standards Web il y a bien longtemps, et travaillent à présent là où ces nouvelles compétences sont appréciées. La connaissance de Dreamweaver ou de n'importe quel autre logiciel ancien n'entre absolument pas en compte dans le recrutement d'un personnel créatif.</p> + +<h2 id=".C3.89liminer_les_d.C3.A9penses_futures_ind.C3.A9sirables" name=".C3.89liminer_les_d.C3.A9penses_futures_ind.C3.A9sirables">Éliminer les dépenses futures indésirables</h2> + +<p>Une portion très significative de l'information stockée électroniquement est produite pour le Web et écrite en format HTML. La plupart de ces informations utilisent de l'HTML erroné, qui s'affiche (pour l'instant) correctement dans des navigateurs plus anciens et permissifs. Au cours de l'évolution du Web, les navigateurs Web risquent soit de devenir moins permissifs, soit de se comporter différemment lorsque des balises erronées lui seront données (p. ex. ils risquent d'analyser les données erronées et de les rendre légèrement différentes). En utilisant un balisage valide et conforme aux normes, les données seront réutilisables pendant longtemps. En effet, les prérequis pour une analyse des formats standards sont fixes et bien documentés.</p> + +<p>Contrairement aux croyances populaires, passer aux codes standards ne signifie pas que l'on produit un contenu moins attractif. D'ailleurs, tout ce qui exploite des extensions propriétaires peut être adapté aux normes, avec l'avantage supplémentaire d'être multiplateforme et à l'épreuve du temps.</p> + +<p>En s'assurant que toutes les données numériques de l'opérateur soit signalées de manière constante et conforme aux normes, la base de données devient un atout réutilisable et perpétuel — et sans aucune dépense supplémentaire future.</p> + +<h2 id="Extensibilit.C3.A9" name="Extensibilit.C3.A9">Extensibilité</h2> + +<p>L'utilisation du HTML strict et la séparation entre structure et contenu fraient la voie au <a href="fr/XHTML">XHTML</a>, une version de HTML compatible avec <a href="fr/XML">XML</a>. L'utilisation du XHTML permettra aux auteurs du Web de multiplier les outils provenant du monde XML, tel que <a href="fr/XSLT">XSLT</a>, afin de facilement manipuler les données XML.</p> + +<p>L'utilisation du XHTML est une manière d'entrer dans une série de standards composés par des technologies XML, tels que XML, XSLT (transformation des données), <a href="fr/SVG">SVG</a> (graphiques animés), <a href="fr/MathML">MathML</a> (décrire des expressions mathématiques)… De telles technologies ont été conçues pour interfonctionner, et sont la base-même des services Web. Cela va donc beaucoup plus loin que de la simple création de contenu pour le Web.</p> + +<h2 id="R.C3.A9duire_le_co.C3.BBt_d.27op.C3.A9rations_et_de_maintenance_de_site" name="R.C3.A9duire_le_co.C3.BBt_d.27op.C3.A9rations_et_de_maintenance_de_site">Réduire le coût d'opérations et de maintenance de site</h2> + +<p>Mais au fait, qu'est-ce réellement que la maintenance ? Une des caractéristiques principales d'un site réussi est d'élaborer constamment un contenu approprié, qui puisse à son tour alimenter le dialogue médiatique social avec la communauté d'utilisateurs. Il est donc nécessaire de créer une structure et un procédé à suivre, afin de permettre aux contributeurs qui travaillent sur le contenu de publier des articles, de récupérer des vidéos, du son, ou n'importe quel autre média. Un site Web n'est qu'un support qui permet d'insérer, de déplacer, et d'afficher ce contenu. Les systèmes de gestion de contenu tentent avec un relatif succès d'alimenter ce niveau de fonctionnalité. Ce sont de très bons exemples d'une véritable séparation non seulement du style et du contenu, mais aussi du procédé par lequel ces éléments — qui sont très différents — sont exécutés.</p> + +<p>Le procédé doit donc se dérouler en trois étapes : la création du contenu, l'application du balisage, et l'ajout du style. Vu sous cet angle, il est parfois surprenant de constater à quel point le procédé de développement Web est en fait propre, élégant et simple. Dans un environnement multi-dirigé et potentiellement commercial, tel qu'une agence de développement Web, cette approche se prête aussi à une démarcation très stricte, entre disciplines d'une structure commune. Celui qui créé le contenu — qui peut être un journaliste, un producteur de musique, ou encore provenir de n'importe laquelle de nombreuses disciplines — n'a pas besoin de s'investir du tout dans le processus actuel de publication du contenu. Et la personne qui applique le balisage n'a pas forcément besoin de savoir (ni de se soucier de) comment il va être composé. Le véritable impact de<em>The Zen Garden</em> a été d'aider à démontrer les stupéfiants résultats qui sont possibles sans modification du balisage, ainsi que de vraiment garder la quantité de balisage de présentation à un minimum acceptable.</p> + +<p>Le modèle Contenu-Balisage-Style se prête aussi très correctement aux méthodes linéaires de production. Il ne doit y avoir aucun besoin ni aucune activité de développement Web avant que le contenu ne soit produit. Inversement, une fois le contenu à portée de main, le processus de développement et de publication devrait être incroyablement rapide. Et c'est comme cela que ça devrait être. Si nous avons produit un contenu, nous voulons le publier dès maintenant. Pas dans six semaines.</p> + +<p>De plus, en signalant rigoureusement le procédé de production, on peut mesurer et contrôler le temps, les budgets, et les ressources, non-seulement du développement initial du contenu émergeant, mais aussi de sa publication en cours. C'est un outil de gestion très puissant.</p> + +<p>Voilà de quoi sont capables les Standards Web. Cela permet de fournir une structure de développement nettement meilleure, autant pour les fournisseurs de contenu, que pour les développeurs Web et les stylistes de CSS. Il est tout simplement inimaginable que quiconque ne puisse profiter des énormes bénéfices qu'apportent les Standards, et qu'il ne les partage. Les clients, les développeurs et les créateurs de médias numériques peuvent être libérés de la tyrannie du développement composé de graphiques, des générateurs de codes, ainsi que du balisage incompréhensible. Mais le véritable intérêt réside dans le résultat final. Le message, délivré tant aux comptables qu'aux exécutifs et aux actionnaires, devrait être irrésistible.</p> + +<h3 id="Avantages_de_CSS_par_rapport_.C3.A0_Javascript" name="Avantages_de_CSS_par_rapport_.C3.A0_Javascript">Avantages de CSS par rapport à Javascript</h3> + +<p>Plus particulièrement, les graphiques et Javascript sont souvent utilisés pour les effets spéciaux dans les fragments de texte. Vu que la technologie des feuilles de style permet aux concepteurs un bon contrôle typographique et la réalisation d'effets tels que les<em>RollOver</em>, elle réduit considérablement le besoin d'une programmation Javascript et la création de graphiques. Et plus encore : cela réduit la consommation de bande passante due aux images.</p> + +<h3 id="Un_code_HTML_bien_form.C3.A9_.C3.A9conomise_du_temps_et_de_l.27argent" name="Un_code_HTML_bien_form.C3.A9_.C3.A9conomise_du_temps_et_de_l.27argent">Un code HTML bien formé économise du temps et de l'argent</h3> + +<p>Les pages Web qui s'affichent différemment d'un navigateur à l'autre provoquent l'un des plus grands maux de têtes aux développeurs Web. De telles différences de rendu touchent surtout les anciens navigateurs, mais la plupart sont bien connues et documentées. Dans de nombreux cas, des codes ambigus causent ces différences de rendu. Pour les développeurs dans les environnements commerciaux, capables de mesurer ces dépenses en temps, certains chiffres sont étonnants. Concernant une caractéristique haut de gamme d'un site, une seule incohérence entre navigateurs peut absorber les principaux développeurs dans des heures douloureuses et frustrantes de chasse aux forums et de réparation de bogues. Comme nous utilisons les Standards depuis le début, nous disposons d'un point de référence connu afin de mesurer les variations connues des vieux navigateurs. À présent, presque toutes ces variations sont bien documentées, et les réparations sont bien publiées et bien connues. En revanche, la réparation de balises chaotiques est un trou noir qui aspire temps et argent.</p> + +<p>Un code bien défini réduit considérablement les différences de rendu dans divers navigateurs. L'utilisation d'outils de validation tels que <a class="external" href="http://validator.w3.org/">le validateur du W3C</a> aide en repérant les erreurs de codage et en vérifiant que le code HTML soit bien formé, ce qui élimine l'ambiguïté dans l'analyse des navigateurs.</p> + +<h2 id="Les_nouveaux_navigateurs_adoptent_les_standards" name="Les_nouveaux_navigateurs_adoptent_les_standards">Les nouveaux navigateurs adoptent les standards</h2> + +<p>De plus en plus de navigateurs, autres qu'Internet Explorer pour Windows, sont utilisés pour naviguer sur le Web :</p> + +<ul> + <li>Windows : MSIE, navigateurs utilisant le <a href="fr/Gecko">moteur de rendu Gecko de Mozilla</a>, Opera</li> + <li>Mac : MS-Tasman (les moteurs de rendus d'IE/Mac), les navigateurs de type Gecko, Safari, Opera</li> + <li>Linux : les navigateurs de type Gecko, les navigateurs de type KHTML, Opera</li> +</ul> + +<p>Globalement, 5 différents moteurs de rendu sont utilisés pour naviguer sur le Web. Ils se servent de douzaines de navigateurs sur 3 plateformes.</p> + +<p>Selon de nombreuses sources, les navigateurs de type Gecko sont aujourd'hui beaucoup plus courants que les navigateurs de Netscape 4.x et de MSIE 4, et cela augmente de manière significative avec le temps. Rien que <a class="external" href="http://getfirefox.com/">Firefox</a> a été téléchargé plus de 50 millions de fois en l'espace de 6 mois.</p> + +<p>Dans un tel environnement, de plus en plus hétérogène, il est inimaginable de tester chaque page Web dans toutes les configurations possibles. La seule solution pratique est donc de se mettre aux standards.</p> + +<p>Dans un environnement novateur, Microsoft a sorti pour IE 8 une nouvelle balise meta qui peut être utilisée pour déclencher dans les sites le mode des Standards Web. En même temps, les anciens sites qui ne sont pas en mode Standards s'afficheront toujours correctement. Même si ce geste est d'une certaine manière controversé, l'annonce a reçu énormément de soutien de la part des principaux développeurs et des partisans des standards, Jeffrey Zeldman en tête.</p> + +<h3 id="Anciens_navigateurs.C2.A0:_Netscape_4_et_IE4" name="Anciens_navigateurs.C2.A0:_Netscape_4_et_IE4">Anciens navigateurs : Netscape 4 et IE4</h3> + +<p>Le seul inconvénient avec l'utilisation de CSS est que les anciens navigateurs (surtout IE4 et NS4) ne sont pas en mesure de l'afficher correctement. Dans certains cas, par exemple si le public est nombreux à naviguer sur Netscape 4.x, la solution peut être d'utiliser de simples tableaux pour la mise en page, et CSS pour le contrôle des polices. Une autre option serait de fournir du contenu HTML aux utilisateurs de Netscape 4.x, sans le style CSS. Le contenu sera utilisable, mais beaucoup moins attractif que dans les navigateurs modernes. De plus, les navigateurs 4.x sont connus pour leurs problèmes de sécurité : leurs utilisateurs devraient donc être encouragés à les mettre à jour.</p> + +<h2 id="Une_accessibilit.C3.A9_r.C3.A9glement.C3.A9e" name="Une_accessibilit.C3.A9_r.C3.A9glement.C3.A9e">Une accessibilité réglementée</h2> + +<p>Les organismes gouvernementaux de nombreux pays (US, UK, Canada) ont l'obligation d'être accessibles, et, dans certains pays comme l'Australie, cela s'applique à toutes les organisations. Aux États-Unis, la <a class="external" href="http://www.section508.gov/">Section 508</a> s'applique aux agences et aux projets financés par le gouvernement.</p> + +<p>En utilisant les standards (surtout CSS pour le positionnement, ainsi que du HTML strict), l'accessibilité est un but plus facile à atteindre. Car les standards ont en effet été créés dans un souci d'accessibilité.</p> + +<p>Pour bien entretenir l'accessibilité, il faut être capable d'offrir un contenu Web à un plus grand public, accroissant ainsi l'ergonomie/l'utilisabilité d'un site Web, même pour les personnes non handicapées.</p> + +<p>Pour les développeurs qui souhaitent surtout accéder à des fonds publics, ou qui travaillent avec des organismes de charité ou socialement responsables, une des clefs les plus importantes est de s'harmoniser avec la législation pertinente de sa juridiction. Tout aussi crucial que le besoin évident de se soumettre à la loi, l'adoption des standards web le plus souvent possible indique clairement un esprit de responsabilité sociale communautaire. De nombreux leaders industriels appliquent cette façon de pensée à tout ce qu'ils font. Les sites qui ne satisfont que l'égo du concepteur et de très peu d'autres personnes vont subir un avenir commercial de plus en plus difficile.</p> + +<h2 id="Le_processus_de_d.C3.A9veloppement.C2.A0:_travailler_en_.C3.A9quipe" name="Le_processus_de_d.C3.A9veloppement.C2.A0:_travailler_en_.C3.A9quipe">Le processus de développement : travailler en équipe</h2> + +<p>Un code écrit par d'autres développeurs représente un défi commun à tous les développeurs Web qui assurent la gestion des sites existants. Dans de nombreux cas, ils sont confrontés à un code HTML de très mauvaise qualité, qui dépend aussi parfois de fonctions et de programmes non-documentés, ainsi que de pratiques de codage spécifiques. Le manque de documentation est aussi souvent problématique.</p> + +<p>Suivre les documents sur <a class="external" href="http://www.w3.org/QA/2002/07/WebAgency-Requirements">standards-compliance in requirements</a> est une manière très efficace d'assurer une qualité mesurable du produit fini, le W3C étant un juge impartial (le World Wide Web Consortium, abrégé par le sigle W3C, est un organisme de normalisation fondé en octobre 1994 comme un consortium chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML, XML, RDF, CSS, PNG, SVG et SOAP. Le W3C n'émet pas des normes au sens européen, mais des recommandations à valeur de standards industriels).</p> + +<p>Comme les standards sont très bien documentés, une nouvelle personne qui viendrait reprendre des codes respectueux des standards peut commencer immédiatement, et n'a pas besoin de se familiariser avec les pratiques de codage du développeur antérieur. Cela réduit aussi de manière significative les enfermements propriétaires</p> + +<h2 id="Standards_Web.C2.A0:_enrichir_l.27exp.C3.A9rience_utilisateur" name="Standards_Web.C2.A0:_enrichir_l.27exp.C3.A9rience_utilisateur">Standards Web : enrichir l'expérience utilisateur</h2> + +<p>Tout l'esprit des Standards Web découle du fait qu'ils évoluent grâce à l'expérience utilisateur. Cet esprit n'est déterminé ni par les concepteurs graphiques, ni par les développeurs de générateurs de code propriétaires, ni par le besoin d'effectuer une gymnastique de codage tridimensionnelle pour pouvoir faire face aux vendeurs de navigateurs et d'autres agents utilisateurs. Afin d'améliorer cette expérience utilisateur, les objectifs les plus importants du développement utilisant les standards sont les fameux jumeaux utilisabilité et accessibilité. Le fait d'employer simplement — et assez grossièrement — une expérience utilisateur agréable, satisfaisante et épanouissante se traduit par un trafic plus dense, plus de visiteurs récurrents, moins de rebonds, plus de temps pour flâner, plus de clics suivis. Finalement, cette expérience utilisateur améliorée permet d'atteindre les objectifs d'affaires ou opérationnels du site. Un dialogue plus ouvert, plus de ventes, et d'une certaine manière plus de personnes qui interagissent avec l'opérateur du site.</p> + +<p>Les sites créés à partir de méthodologies, de processus, et de la pratique des standards Web réalisent de loin — et en tout point de vue — les meilleures performances. Ils se chargent plus rapidement, sont plus faciles à retrouver dans les moteurs de recherche, et ils organisent et délivrent efficacement leur contenu. L'utilisateur peut profiter de toutes ces merveilleuses expériences, sans jamais se soucier de la plateforme, du logiciel, du système d'exploitation, ni de douzaines d'autres variables telles que la taille de l'écran, la résolution du texte, l'activation de JavaScript, ou n'importe quel handicap que rencontre l'utilisateur.</p> + +<h2 id="Conclusion" name="Conclusion">Conclusion</h2> + +<p>L'utilisation de standards Web, ainsi que la séparation entre la structure et la présentation, rapporte un bon nombre de bénéfices pour aujourd'hui et demain.</p> + +<p>Pour aujourd'hui, cela représente un public plus nombreux, moins de dépenses d'argent pour la production d'un nouveau contenu, et de devenir conciliant envers les exigences requises par l'accessibilité.</p> + +<p>Pour demain, cela représente la réduction des enfermements propriétaires, la réduction des dépenses dans la maintenance, et plus de flexibilité dans la présentation d'un site Web. Sans oublier que l'utilisation des standards ouvre la porte aux technologies XML.</p> + +<p>Tous ces facteurs contribuent aussi à améliorer la gestion des sites, à rassembler un public plus large, et à perfectionner le retour des investissements. Les<em>geeks</em>, les marchands, et le contrôle de gestion peuvent tous bénéficier d'un site Web fondé sur les standards. Et c'est déjà plus que ce que l'on pourrait espérer….</p> diff --git a/files/fr/archive/standards_du_web/le_sniffing_de_doctype_dans_mozilla/index.html b/files/fr/archive/standards_du_web/le_sniffing_de_doctype_dans_mozilla/index.html new file mode 100644 index 0000000000..77084464d7 --- /dev/null +++ b/files/fr/archive/standards_du_web/le_sniffing_de_doctype_dans_mozilla/index.html @@ -0,0 +1,142 @@ +--- +title: Le sniffing de DOCTYPE dans Mozilla +slug: Archive/Standards_du_Web/Le_sniffing_de_DOCTYPE_dans_Mozilla +tags: + - Développement_Web +translation_of: Archive/Web_Standards/Mozilla_s_DOCTYPE_sniffing +--- +<p> </p> +<p>Ce document décrit comment Mozilla utilise la déclaration DOCTYPE pour choisir entre le mode strict et <a href="fr/Mode_quirks_de_Mozilla">le mode dégradé quirks</a>. Le code qui permet cette détermination est la fonction <a href="https://dxr.mozilla.org/mozilla-central/source/parser/htmlparser/src/nsParser.cpp#833" rel="custom">DetermineParseMode() dans nsParser.cpp</a>. Consultez le <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1312" title='FIXED: "Standard" compatibility mode needs to be hooked to DOCTYPE'>bug 1312</a> et le <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=55264" title="FIXED: [DOCTYPE] Documents with unknown DOCTYPE should be displayed in strict mode">bug 55264</a> pour plus d'informations sur l'histoire de cette détermination. Consultez le <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=153032" title="FIXED: Implement almost-standards rendering mode">bug 153032</a> pour la création du mode « presque standard » depuis Mozilla 1.0. L'objectif recherché pour ce comportement a été le suivant :</p> +<ul> + <li>la plupart des pages <code>text/html</code> existantes sur le Web qui ont besoin d'un mode dégradé pour s'afficher correctement doivent être affichées avec le mode quirks ( + <i> + presque</i> + toutes, plutôt que toutes, pour répondre également aux points suivants).</li> + <li>Les auteurs de pages Web écrivant selon les standards en vigueur doivent pouvoir basculer vers le mode strict.</li> + <li>Les pages écrites en utilisant n'importe quel identifiant public dans leur déclaration DOCTYPE qui apparaîtront dans l'avenir doivent s'afficher en mode strict.</li> +</ul> +<p>En d'autres termes, l'algorithme est la meilleure approximation que nous ayons trouvée pour déterminer quelles pages ont été écrites après que Mozilla ne devienne un navigateur important sur le Web.</p> +<h3 id="Mode_standard_complet" name="Mode_standard_complet">Mode standard complet</h3> +<p>Les lignes suivantes déclenchent le mode standard complet :</p> +<ul> + <li>Tous les documents avec un type MIME XML tel que <code>text/xml</code>, <code>application/xml</code>, ou <code>application/xhtml+xml</code> (puisque le sniffing n'a lieu que pour les documents text/html).</li> + <li>Tous les documents <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+SYSTEM+%22http%3A%2F%2Fwww.w3.org%2FTR%2FREC-html40%2Fstrict.dtd%22%3E">"DOCTYPE HTML SYSTEM"</a> par opposition au "DOCTYPE HTML PUBLIC", à l'exception des doctypes IBM notés plus bas.</li> + <li>Une déclaration DOCTYPE sans DTD, c'est-à-dire <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML%3E"><!DOCTYPE HTML></a>.</li> + <li>Une déclaration DOCTYPE avec un <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+%5B+%3C%21ELEMENT+TEST+-+-+%28P%29+%3E+%5D%3E+">sous-ensemble interne</a>.</li> + <li>Tout doctype inconnu, ce qui veut dire aussi les doctypes (techniquement connus) suivants : + <ul> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+4.01%2F%2FEN%22%3E">"-//W3C//DTD HTML 4.01//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+4.0%2F%2FEN%22%3E">"-//W3C//DTD HTML 4.0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+XHTML+1.0+Strict%2F%2FEN%22%3E">"-//W3C//DTD XHTML 1.0 Strict//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22ISO%2FIEC+15445:2000%2F%2FDTD+HyperText+Markup+Language%2F%2FEN%22%3E">"ISO/IEC 15445:2000//DTD HyperText Markup Language//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22ISO%2FIEC+15445:2000%2F%2FDTD+HTML%2F%2FEN%22%3E">"ISO/IEC 15445:2000//DTD HTML//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+i18n%2F%2FEN%22%3E">"-//IETF//DTD HTML i18n//EN"</a>.</li> + </ul> + </li> +</ul> +<h3 id="Mode_presque_standard" name="Mode_presque_standard">Mode presque standard</h3> +<p>Les lignes suivantes déclenchent le mode presque standard. Le <a href="fr/Mode_presque_standard_de_Gecko">mode presque standard</a> a été créé après les versions 1.0 et 1.1alpha de Mozilla, mais avant les versions 1.0.1 et 1.1beta. Avant la création de ce mode, ces doctypes permettaient de basculer en mode standard complet.</p> +<ul> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+XHTML+1.0+Transitional%2F%2FEN%22%3E">"-//W3C//DTD XHTML 1.0 Transitional//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+XHTML+1.0+Frameset%2F%2FEN%22%3E">"-//W3C//DTD XHTML 1.0 Frameset//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+4.01+Transitional%2F%2FEN%22+%22http%3A%2F%2Fwww.w3.org%2FTR%2Fhtml4%2Floose.dtd%22%3E">"-//W3C//DTD HTML 4.01 Transitional//EN"</a>, avec un identificateur système.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+4.01+Frameset%2F%2FEN%22+%22http%3A%2F%2Fwww.w3.org%2FTR%2Fhtml4%2Fframeset.dtd%22%3E">"-//W3C//DTD HTML 4.01 Frameset//EN"</a>, avec un identificateur système.</li> +</ul> +<h3 id="Mode_d.C3.A9grad.C3.A9_quirks" name="Mode_d.C3.A9grad.C3.A9_quirks">Mode dégradé quirks</h3> +<p>Les lignes suivantes déclenchent le mode quirks (cette liste doit être complète afin que les pages existantes sur le Web basculent en mode quirks) :</p> +<p>Les sites suivants ont été utiles pour préparer cette liste : <a class="external" href="http://validator.w3.org/sgml-lib/catalog">W3C HTML Validator</a>, <a class="external" href="http://www.htmlhelp.com/tools/validator/lib/catalog">HTMLHelp HTML Validator</a>.</p> +<ul> + <li>L'<a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=">absence de DOCTYPE</a>.</li> + <li>Une <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%3Fxml+version%3D%221.0%22%3F%3E">déclaration XML (pseudo-PI) sans doctype</a> (en d'autres termes, ignorer la déclaration XML et utiliser le DOCTYPE). Avant les versions 1.0 et 1.1alpha (mais pas 1.0.1 et 1.1beta), la présence d'une déclaration XML déclenchait le mode standard complet.</li> + <li>Une déclaration DOCTYPE qui <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+NOT+UNDERSTOOD%3E">ne peut pas être comprise</a> (par ex. qui ne correspond à rien).</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+html+SYSTEM+%22http%3A%2F%2Fwww.ibm.com%2Fdata%2Fdtd%2Fv11%2Fibmxhtml1-transitional.dtd%22%3E">"http://www.ibm.com/data/dtd/v11/ibmxhtml1-transitional.dtd"</a> (avant 1.5b et 1.4.2, il déclenchait le mode quasi standard).</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+4.01+Transitional%2F%2FEN%22%3E">"-//W3C//DTD HTML 4.01 Transitional//EN"</a>, sans identificateur système.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+4.01+Frameset%2F%2FEN%22%3E">"-//W3C//DTD HTML 4.01 Frameset//EN"</a>, sans identificateur système.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+4.0+Transitional%2F%2FEN%22%3E">"-//W3C//DTD HTML 4.0 Transitional//EN"</a> (voir également <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+4.0+Transitional%2F%2FEN%22+%22http%3A%2F%2Fwww.w3.org%2FTR%2FREC-html40%2Floose.dtd%22%3E">ce test avec un identificateur système</a>).</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+4.0+Frameset%2F%2FEN%22%3E">"-//W3C//DTD HTML 4.0 Frameset//EN"</a> (voir également <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+4.0+Frameset%2F%2FEN%22+%22http%3A%2F%2Fwww.w3.org%2FTR%2FREC-html40%2Fframeset.dtd%22%3E">ce test avec un identificateur système</a>).</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FSoftQuad+Software%2F%2FDTD+HoTMetaL+PRO+6.0::19990601::extensions+to+HTML+4.0%2F%2FEN%22%3E">"-//SoftQuad Software//DTD HoTMetaL PRO 6.0::19990601::extensions to HTML 4.0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FSoftQuad%2F%2FDTD+HoTMetaL+PRO+4.0::19971010::extensions+to+HTML+4.0%2F%2FEN%22%3E">"-//SoftQuad//DTD HoTMetaL PRO 4.0::19971010::extensions to HTML 4.0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML%2F%2FEN%2F%2F3.0%22%3E">"-//IETF//DTD HTML//EN//3.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3O%2F%2FDTD+W3+HTML+3.0%2F%2FEN%2F%2F%22%3E">"-//W3O//DTD W3 HTML 3.0//EN//"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3O%2F%2FDTD+W3+HTML+3.0%2F%2FEN%22%3E">"-//W3O//DTD W3 HTML 3.0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+3+1995-03-24%2F%2FEN%22%3E">"-//W3C//DTD HTML 3 1995-03-24//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+3.0%2F%2FEN%22%3E">"-//IETF//DTD HTML 3.0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+3.0%2F%2FEN%2F%2F%22%3E">"-//IETF//DTD HTML 3.0//EN//"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+3%2F%2FEN%22%3E">"-//IETF//DTD HTML 3//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Level+3%2F%2FEN%22%3E">"-//IETF//DTD HTML Level 3//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Level+3%2F%2FEN%2F%2F3.0%22%3E">"-//IETF//DTD HTML Level 3//EN//3.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+3.2%2F%2FEN%22%3E">"-//IETF//DTD HTML 3.2//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FAdvaSoft+Ltd%2F%2FDTD+HTML+3.0+asWedit+%2B+extensions%2F%2FEN%22%3E">"-//AS//DTD HTML 3.0 asWedit + extensions//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FAdvaSoft+Ltd%2F%2FDTD+HTML+3.0+asWedit+%2B+extensions%2F%2FEN%22%3E">"-//AdvaSoft Ltd//DTD HTML 3.0 asWedit + extensions//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Strict%2F%2FEN%2F%2F3.0%22%3E">"-//IETF//DTD HTML Strict//EN//3.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3O%2F%2FDTD+W3+HTML+Strict+3.0%2F%2FEN%2F%2F%22%3E">"-//W3O//DTD W3 HTML Strict 3.0//EN//"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Strict+Level+3%2F%2FEN%22%3E">"-//IETF//DTD HTML Strict Level 3//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Strict+Level+3%2F%2FEN%2F%2F3.0%22%3E">"-//IETF//DTD HTML Strict Level 3//EN//3.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22HTML%22%3E">"HTML"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML%2F%2FEN%22%3E">"-//IETF//DTD HTML//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML%2F%2FEN%2F%2F2.0%22%3E">"-//IETF//DTD HTML//EN//2.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+2.0%2F%2FEN%22%3E">"-//IETF//DTD HTML 2.0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Level+2%2F%2FEN%22%3E">"-//IETF//DTD HTML Level 2//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Level+2%2F%2FEN%2F%2F2.0%22%3E">"-//IETF//DTD HTML Level 2//EN//2.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+2.0+Level+2%2F%2FEN%22%3E">"-//IETF//DTD HTML 2.0 Level 2//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Level+1%2F%2FEN%22%3E">"-//IETF//DTD HTML Level 1//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Level+1%2F%2FEN%2F%2F2.0%22%3E">"-//IETF//DTD HTML Level 1//EN//2.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+2.0+Level+1%2F%2FEN%22%3E">"-//IETF//DTD HTML 2.0 Level 1//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Level+0%2F%2FEN%22%3E">"-//IETF//DTD HTML Level 0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Level+0%2F%2FEN%2F%2F2.0%22%3E">"-//IETF//DTD HTML Level 0//EN//2.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Strict%2F%2FEN%22%3E">"-//IETF//DTD HTML Strict//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Strict%2F%2FEN%2F%2F2.0%22%3E">"-//IETF//DTD HTML Strict//EN//2.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Strict+Level+2%2F%2FEN%22%3E">"-//IETF//DTD HTML Strict Level 2//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Strict+Level+2%2F%2FEN%2F%2F2.0%22%3E">"-//IETF//DTD HTML Strict Level 2//EN//2.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+2.0+Strict%2F%2FEN%22%3E">"-//IETF//DTD HTML 2.0 Strict//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+2.0+Strict+Level+2%2F%2FEN%22%3E">"-//IETF//DTD HTML 2.0 Strict Level 2//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Strict+Level+1%2F%2FEN%22%3E">"-//IETF//DTD HTML Strict Level 1//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Strict+Level+1%2F%2FEN%2F%2F2.0%22%3E">"-//IETF//DTD HTML Strict Level 1//EN//2.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+2.0+Strict+Level+1%2F%2FEN%22%3E">"-//IETF//DTD HTML 2.0 Strict Level 1//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Strict+Level+0%2F%2FEN%22%3E">"-//IETF//DTD HTML Strict Level 0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+Strict+Level+0%2F%2FEN%2F%2F2.0%22%3E">"-//IETF//DTD HTML Strict Level 0//EN//2.0"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FWebTechs%2F%2FDTD+Mozilla+HTML%2F%2FEN%22%3E">"-//WebTechs//DTD Mozilla HTML//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FWebTechs%2F%2FDTD+Mozilla+HTML+2.0%2F%2FEN%22%3E">"-//WebTechs//DTD Mozilla HTML 2.0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FNetscape+Comm.+Corp.%2F%2FDTD+HTML%2F%2FEN%22%3E">"-//Netscape Comm. Corp.//DTD HTML//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FNetscape+Comm.+Corp.%2F%2FDTD+HTML%2F%2FEN%22%3E">"-//Netscape Comm. Corp.//DTD HTML//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FNetscape+Comm.+Corp.%2F%2FDTD+Strict+HTML%2F%2FEN%22%3E">"-//Netscape Comm. Corp.//DTD Strict HTML//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FMicrosoft%2F%2FDTD+Internet+Explorer+2.0+HTML%2F%2FEN%22%3E">"-//Microsoft//DTD Internet Explorer 2.0 HTML//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FMicrosoft%2F%2FDTD+Internet+Explorer+2.0+HTML+Strict%2F%2FEN%22%3E">"-//Microsoft//DTD Internet Explorer 2.0 HTML Strict//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FMicrosoft%2F%2FDTD+Internet+Explorer+2.0+Tables%2F%2FEN%22%3E">"-//Microsoft//DTD Internet Explorer 2.0 Tables//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FMicrosoft%2F%2FDTD+Internet+Explorer+3.0+HTML%2F%2FEN%22%3E">"-//Microsoft//DTD Internet Explorer 3.0 HTML//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FMicrosoft%2F%2FDTD+Internet+Explorer+3.0+HTML+Strict%2F%2FEN%22%3E">"-//Microsoft//DTD Internet Explorer 3.0 HTML Strict//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FMicrosoft%2F%2FDTD+Internet+Explorer+3.0+Tables%2F%2FEN%22%3E">"-//Microsoft//DTD Internet Explorer 3.0 Tables//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FSun+Microsystems+Corp.%2F%2FDTD+HotJava+HTML%2F%2FEN%22%3E">"-//Sun Microsystems Corp.//DTD HotJava HTML//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FSun+Microsystems+Corp.%2F%2FDTD+HotJava+Strict+HTML%2F%2FEN%22%3E">"-//Sun Microsystems Corp.//DTD HotJava Strict HTML//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FIETF%2F%2FDTD+HTML+2.1E%2F%2FEN%22%3E">"-//IETF//DTD HTML 2.1E//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FO%27Reilly+and+Associates%2F%2FDTD+HTML+Extended+1.0%2F%2FEN%22%3E">"-//O'Reilly and Associates//DTD HTML Extended 1.0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FO%27Reilly+and+Associates%2F%2FDTD+HTML+Extended+Relaxed+1.0%2F%2FEN%22%3E">"-//O'Reilly and Associates//DTD HTML Extended Relaxed 1.0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FO%27Reilly+and+Associates%2F%2FDTD+HTML+2.0%2F%2FEN%22%3E">"-//O'Reilly and Associates//DTD HTML 2.0//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FSQ%2F%2FDTD+HTML+2.0+HoTMetaL+%2B+extensions%2F%2FEN%22%3E">"-//SQ//DTD HTML 2.0 HoTMetaL + extensions//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FSpyglass%2F%2FDTD+HTML+2.0+Extended%2F%2FEN%22%3E">"-//Spyglass//DTD HTML 2.0 Extended//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22%2B%2F%2FSilmaril%2F%2FDTD+HTML+Pro+v0r11+19970101%2F%2FEN%22%3E">"+//Silmaril//DTD HTML Pro v0r11 19970101//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+Experimental+19960712%2F%2FEN%22%3E">"-//W3C//DTD HTML Experimental 19960712//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+3.2%2F%2FEN%22%3E">"-//W3C//DTD HTML 3.2//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+3.2+Final%2F%2FEN%22%3E">"-//W3C//DTD HTML 3.2 Final//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+3.2+Draft%2F%2FEN%22%3E">"-//W3C//DTD HTML 3.2 Draft//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+Experimental+970421%2F%2FEN%22%3E">"-//W3C//DTD HTML Experimental 970421//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+HTML+3.2S+Draft%2F%2FEN%22%3E">"-//W3C//DTD HTML 3.2S Draft//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?doctype=%3C%21DOCTYPE+HTML+PUBLIC+%22-%2F%2FW3C%2F%2FDTD+W3+HTML%2F%2FEN%22%3E">"-//W3C//DTD W3 HTML//EN"</a>.</li> + <li>L'identificateur public <a class="external" href="http://dbaron.org/mozilla/tests/compat?pubid=-%2F%2FMetrius%2F%2FDTD+Metrius+Presentational%2F%2FEN">"-//Metrius//DTD Metrius Presentational//EN"</a>.</li> +</ul> +<p>Notez que toutes les comparaisons d'identificateurs publics sont insensibles à la casse, à cause du nombre important de pages qui utilisent des identificateurs ayant une casse incorrecte (ce qui est techniquement incorrect puisque les chaînes de caractères sont sensibles à la casse).</p> +<h3 id="Voir_aussi" name="Voir_aussi">Voir aussi</h3> +<ul> + <li><a href="fr/D%c3%a9veloppement_Web">Développement Web</a></li> + <li><a href="fr/Mode_quirks_de_Mozilla">Mode quirks de Mozilla</a></li> + <li><a href="fr/Comportement_du_mode_quirks_de_Mozilla">Comportement du mode quirks de Mozilla</a></li> +</ul> +<div class="originaldocinfo"> + <h3 id="Informations_sur_le_document_original" name="Informations_sur_le_document_original">Informations sur le document original</h3> + <ul> + <li>Auteur(s) : <a class="external" href="http://dbaron.org/">David Baron</a></li> + <li>Dernière mise à jour : 2 août 2005</li> + <li>Copyright : Copyright © <a class="external" href="http://dbaron.org/">David Baron</a></li> + </ul> +</div> +<p> </p> diff --git a/files/fr/archive/standards_du_web/problèmes_soulevés_par_le_pseudo_élément_hover/index.html b/files/fr/archive/standards_du_web/problèmes_soulevés_par_le_pseudo_élément_hover/index.html new file mode 100644 index 0000000000..7cc2a12604 --- /dev/null +++ b/files/fr/archive/standards_du_web/problèmes_soulevés_par_le_pseudo_élément_hover/index.html @@ -0,0 +1,73 @@ +--- +title: Problèmes soulevés par le pseudo élément hover +slug: Archive/Standards_du_Web/Problèmes_soulevés_par_le_pseudo_élément_hover +tags: + - CSS +translation_of: Archive/Web_Standards/Issues_Arising_From_Arbitrary-Element_hover +--- +<p> </p> +<p><br> + <span class="comment">Summary: Thanks to long-standing limitations, we're used to thinking of hover styles as applying only to hyperlinks, which has led to some sloppy authoring practices that are now causing problems for some Web sites. This technote explains the source of the problems and how to avoid encountering them.</span></p> +<p>Beaucoup d'auteurs utilisent la pseudo-classe CSS2 <code>:hover</code> pour appliquer un style à leurs liens. Cette innovation, introduite en premier par Microsoft® Internet Explorer et adoptée dans les spécifications CSS, est très populaire pour styler des liens texte, en remplacement des « rollovers » faits en JavaScript. Toutefois, le support avancé de CSS dans les navigateurs a entraîné des comportements agressifs inattendus sur certaines pages.</p> +<h3 id="Hover_et_.C3.A9l.C3.A9ments_non-liens" name="Hover_et_.C3.A9l.C3.A9ments_non-liens">Hover et éléments non-liens</h3> +<p><a class="external" href="http://www.yoyodesign.org/doc/w3c/css2/selector.html#dynamic-pseudo-classes">Le chapitre 5.11.3 de CSS2</a> définit les trois types de pseudo-classes (<code>:hover</code>, <code>:active</code>, et <code>:focus</code>) et mentionne que :</p> +<blockquote> + CSS ne définit pas lesquels des éléments peuvent être dans un de ces états ou comment ceux-ci entrent et sortent de ces états. L'écriture peut varier, selon que les éléments réagissent aux actions de l'utilisateur, ou non, et les divers appareils et agents utilisateurs peuvent avoir différentes façons de désigner ou d'activer les éléments.</blockquote> +<p>Ainsi, bien que les auteurs s'imaginent que ces trois états ne s'appliquent exclusivement qu'aux liens hypertexte, il n'y a pas de limitation dans CSS2. Tout élément peut, en théorie, se trouver dans l'un de ces trois états et être stylé selon ces états. Ce n'était pas traditionnellement le cas.</p> +<h3 id="Pseudo-classes_nues" name="Pseudo-classes_nues">Pseudo-classes nues</h3> +<p>La seconde partie du problème vient lorsque nous considérons les effets d'une pseudo-classe « nue » dans un sélecteur. Par exemple :</p> +<pre class="eval">:hover {color: red;} +</pre> +<p>Cette règle est équivalente à la règle CSS2 suivante :</p> +<pre class="eval">*:hover {color: red;} +</pre> +<p>…qui se traduit en « tout élément survolé aura sa couleur d'écriture mise en rouge ». Ainsi, le survol de paragraphes, de tableaux, d'en-têtes et tous autres éléments dans un document coloriera le texte en rouge.</p> +<p>Une variante classique consiste à utiliser une classe nue et une pseudo-classe <code>hover</code> comme ceci :</p> +<pre class="eval">.nav:hover {color: red;} +</pre> +<p>Les situations où seules les instances de la valeur <code>nav</code> de la classe <code>class</code> sont appliquées aux liens hypertextes fonctionnent correctement. Cependant, les règles de ce type se rencontrent habituellement avec des balises comme ceci :</p> +<pre><td class="nav"> +<a href="one.html" class="nav">un</a> | +<a href="two.html" class="nav">deux</a> | +<a href="thr.html" class="nav">trois</a> | +<a href="fou.html" class="nav">quatre</a> +</td></pre> +<p>Comme la cellule du tableau a une <code>class</code> à <code>nav</code>, le caractère barre verticale virera en rouge lorsque l'utilisateur déplacera la souris n'importe où dans la cellule. Les liens vireront également en rouge lorsqu'ils sont survolés.</p> +<h3 id="Comportement_de_Gecko" name="Comportement_de_Gecko">Comportement de Gecko</h3> +<p>Dans les navigateurs basés sur des compilations de Gecko postérieures à 20020410 (Netscape 6.1+), les styles <code>:hover</code> peuvent s'appliquer à n'importe quel élément d'un document. De ce fait, les auteurs qui ont employé des pseudo-classes nues ou leur combinaisons, risquent de voir ce style s'appliquer même à d'autres éléments que leurs liens. La meilleure parade est d'ajouter l'élément ancre aux sélecteurs comme ceci :</p> +<pre class="eval">a:hover {color: red;} +a.nav:hover {color: red;} +</pre> +<p>Pour éviter le plus possible les problèmes avec des documents anciens, les navigateurs basés sur Mozilla 1.0 et suivant (Netscape 7+) incluent du code permettant aux pseudo-classes d'être restreintes aux seuls liens seulement si le document est rendu dans le mode « quirks ». Dans les navigateurs basés sur un moteur postérieure à Mozilla 1.3b, ce mode <i>quirk</i> a été étendu pour couvrir les sélecteurs qui combinent un sélecteur de classe nu avec la pseudo-classes <code>:hover</code> (voir le <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=169078" title="FIXED: .class:hover should be ignored for non-links in quirks mode">bug 169078</a> pour plus de détails).</p> +<h3 id="Probl.C3.A8mes_des_ancres_nomm.C3.A9es" name="Probl.C3.A8mes_des_ancres_nomm.C3.A9es">Problèmes des ancres nommées</h3> +<p>En plus des effets précédemment décrit, il y a deux autres effets relativement répandus que les auteurs de pages Web peuvent ne pas désirer. Le premier est facilement corrigible grâce à la validation du document, mais le second est un peu plus subtil.</p> +<p>Tout d'abord, il y a le problème des ancres nommées ouvertes mais non fermées. Par exemple :</p> +<pre><a name="pagetop"> +<h2>My Page</h2> +</pre> +<p>Sans balise de fermeture <code></a></code>, le <code>name</code> englobera la suite du document. Ceci signifie généralement que la suite du document se verra attribuer les styles <code>hover</code>. Considérons les effets de la règle suivante :</p> +<pre class="eval">a:hover {color: red;} +</pre> +<p>Dans un document comportant une ancre nommée non fermée, tout texte suivant la balise d'ouverture de l'ancre sera coloré en rouge (à moins qu'une autre règle CSS ne soit définie).</p> +<p>Ceci nous amène au second problème, qui est que les ancres nommées peuvent accepter des styles <code>hover</code>. Bien que les auteurs désirent souvent que le sélecteur <code>a:hover</code> ne s'applique qu'aux hyperliens, il peut également s'appliquer aux ancres nommées, puisque le sélecteur spécifie que chaque élément <code>a</code> sera stylé lors de son survol. Afin d'éviter de problème, les auteurs devraient utiliser la syntaxe de la pseudo-classe combinée décrite dans CSS2 :</p> +<pre class="eval">a:link:hover {color: red;} +a:visited:hover {color: maroon;} +</pre> +<p>Remarquez qu'avec cette syntaxe, il est possible de styler les liens visités et non visités différemment lorsqu'ils sont survolés. Ce n'était pas possible avec un simple <code>a:hover</code>. Cela signifie, bien entendu, que le sélecteur <code>a:link:hover</code> ne s'appliquera qu'aux liens non visités, ainsi les auteurs désireux d'obtenir le même style pour les liens visités et non visités lors du survol doivent grouper les deux sélecteurs dans une seule et unique règle.</p> +<h3 id="Recommendation" name="Recommendation">Recommendation</h3> +<p>Pour éviter les problèmes inattendus, les auteurs sont <b>fortement</b> encouragés à inclure des noms d'élément dans les pseudo-classes dynamiques qui sont destinées à être appliquées aux hyperliens. En outre, combiner des pseudo-classes prévient l'application de styles <code>:hover</code> à des ancres qui ne sont pas des hyperliens. Ainsi, <code>a:hover</code> devrait toujours être utilisé à la place du simple <code>:hover</code>, et <code>a:link:hover</code> (et <code>a:visited:hover</code>) sont préférables à un simple <code>a:hover</code>.</p> +<h3 id="Liens_connexes" name="Liens_connexes">Liens connexes</h3> +<ul> + <li><a class="external" href="http://www.yoyodesign.org/doc/w3c/css2/selector.html#dynamic-pseudo-classes">Les pseudo-classes dynamiques : :hover, :active, et :focus</a></li> +</ul> +<div class="originaldocinfo"> + <h3 id="Informations_sur_le_document_original" name="Informations_sur_le_document_original">Informations sur le document original</h3> + <ul> + <li>Auteur(s) : Eric A. Meyer, Netscape Communications</li> + <li>Dernière mise à jour : Publié le 7 mars 2003 ; Révisé le 21 mars 2003</li> + <li>Copyright : Copyright © 2001-2003 Netscape. All rights reserved.</li> + <li>Note : This reprinted article was originally part of the DevEdge site.</li> + </ul> +</div> +<p><span class="comment">Interwiki Languages Links</span></p> +<p></p> diff --git a/files/fr/archive/standards_du_web/rdf_en_cinquante_mots/index.html b/files/fr/archive/standards_du_web/rdf_en_cinquante_mots/index.html new file mode 100644 index 0000000000..daa552c354 --- /dev/null +++ b/files/fr/archive/standards_du_web/rdf_en_cinquante_mots/index.html @@ -0,0 +1,69 @@ +--- +title: RDF en cinquante mots +slug: Archive/Standards_du_Web/RDF_en_cinquante_mots +tags: + - RDF +translation_of: Archive/Web_Standards/RDF_in_Fifty_Words_or_Less +--- +<p>D'accord, peut-être qu'il y a un peu plus de cinquante mots, mais les points-clés sont plutôt simples (et <strong>en gras</strong> pour vous les dirigeants qui voulez juste aller à l'essentiel). Le <a class="external" href="http://developer.mozilla.org/en/docs/RDF"><em>Resource Description Framework</em></a> (NdT : « Cadre de description de ressources »), ou « RDF », c'est en fait deux choses.</p> + +<p><strong>D'abord, RDF est un modèle à base de graphes pour décrire les ressources Internet (comme les pages web ou les emails), et comment ces ressources sont liées les unes aux autres.</strong></p> + +<p>Mais qu'est-ce que cela signifie<em>réellement</em> ? Pour un développeur Mozilla, cela veut dire que le modèle de donnée RDF (le « graphe ») peut être utilisé comme mécanisme pour intégrer et organiser les ressources Internet.</p> + +<p>Prenons un exemple : les marque-pages. Actuellement, la plupart des navigateurs vous permettent d'organiser hiérarchiquement vos marque-pages dans des<em>dossiers</em>. Chaque marque-page est un<em>pointeur</em> vers une page web, appelé <strong>URI</strong> (<strong>U</strong>niform <strong>R</strong>esource <strong>I</strong>dentifier, ou identifiant uniforme de ressource).</p> + +<p>Mais une page web est seulement une sorte de ressource Internet. Il y en a des tonnes d'autres, dont les emails, les articles de news Usenet (ou les newsgroups Usenet entiers), et les résultats de recherche de votre moteur de recherche favori, pour n'en citer que quelques uns. Et fondamentalement, il n'y a aucune raison pour que vous ne traitiez pas ces ressources comme des « marque-pages », en les regroupant dans des dossiers selon votre bon plaisir, ou même en créant des dossiers « intelligents » qui, quand vous les ouvrez, génèrent leur contenu dynamiquement en lançant une recherche commune que vous avez définie.</p> + +<p>Et un marque-page peut vraiment avoir des propriétés arbitraires associées : vous pourriez vouloir inventer votre propre schéma « classification » pour un marque-page codé à la façon « cool » Macintosh. Ou vous pourriez vouloir relier un marque-page à un autre marque-page, ou le garder dans plusieurs « dossiers » à la fois.</p> + +<p>Le graphe RDF fournit un modèle de données parfait sur lequel construire un service de marque-pages « universel » comme décrit ci-dessus : le graphe peut contenir des pointeurs vers des ressources arbitraires et les regrouper de n'importe quelle manière que vous pouvez imaginer.</p> + +<p>Mais attendez, il y a plus…</p> + +<p><strong>Ensuite, RDF est une syntaxe de sérialisation. Cette syntaxe permet aux modèle à base de graphes d'être transmis entre « agents ».</strong></p> + +<p>D'accord, qu'est-ce que ça peut bien vouloir dire ? Fondamentalement, cela signifie que les parties du modèle de données RDF peuvent être communiquées au-delà des frontières du réseau, et les contenus du graphe peuvent changer dynamiquement lorsque l'information provient d'un service distant.</p> + +<p>Reprenons l'exemple des marque-pages. Disons que l'un de mes « dossiers » de marque-pages est réellement un pointeur vers ma boîte de réception : lorsque j'ouvre ce dossier,<em>voilà</em>! Tous les messages que j'ai reçus dans la nuit apparaissent.</p> + +<p>Mais comment cela marche-t-il ? Le dossier « boîte de réception » était en fait un simple pointeur vers une ressource Internet qui contient plus de RDF qui étendent le graphe. Cette « ressource Internet » était une URI qui pointait vers un script CGI (disons, <span class="nowiki">http://www.mozilla.org/smart-mail/get-mail.cgi?user=waterson&folder=inbox</span>). Le script CGI génère en fait du<em>RDF sérialisé</em>, qui est simplement un moyen de formater un graphe en <a class="external" href="http://developer.mozilla.org/en/docs/XML">XML</a> :</p> + +<pre class="eval"><rdf:RDF + xmlns:rdf="<a class="external" href="http://www.w3.org/TR/WD-rdf-syntax#" rel="freelink">http://www.w3.org/TR/WD-rdf-syntax#</a>" + xmlns:sm="<a class="external" href="http://www.mozilla.org/smart-mail/schema#" rel="freelink">http://www.mozilla.org/smart-mail/schema#</a>"> + <rdf:Description + about="<a class="external" href="http://www.mozilla.org/smart-mail/get-mail.cgi?user=waterson&folder=inbox" rel="freelink">http://www.mozilla.org/smart-mail/ge...n&folder=inbox</a>"> + <sm:message id="4025293"> + <sm:recipient> + Chris Waterson "<a class="link-mailto" href="mailto:waterson@netscape.com" rel="freelink">waterson@netscape.com</a>" + </sm:recipient> + <sm:sender> + Aunt Helga "<a class="link-mailto" href="mailto:helga@netcenter.net" rel="freelink">helga@netcenter.net</a>" + </sm:sender> + <sm:received-by>x-wing.mcom.com</sm:received-by> + <sm:subject>Great recipe for Yam Soup!</sm:subject> + <sm:body> + <a class="external" href="http://www.mozilla.org/smart-mail/get-body.cgi?id=4025293" rel="freelink">http://www.mozilla.org/smart-mail/ge...cgi?id=4025293</a> + </sm:body> + </sm:message> + <sm:message id="4025294"> + <sm:recipient> + Chris Waterson "<a class="link-mailto" href="mailto:waterson@netscape.com" rel="freelink">waterson@netscape.com</a>" + </sm:recipient> + <sm:sender> + Sarah Waterson "<a class="link-mailto" href="mailto:waterson.2@postbox.acs.ohio-state.edu" rel="freelink">waterson.2@postbox.acs.ohio-state.edu</a>" + </sm:sender> + <sm:received-by>x-wing.mcom.com</sm:received-by> + <sm:subject>We won our ultimate game</sm:subject> + <sm:body> + <a class="external" href="http://www.mozilla.org/smart-mail/get-body.cgi?id=4025294" rel="freelink">http://www.mozilla.org/smart-mail/ge...cgi?id=4025294</a> + </sm:body> + </sm:message> + </rdf:Description> +</rdf:RDF> +</pre> + +<p>À la réception de la monstruosité ci-dessus, le moteur RDF incorpore le RDF à la bonne place dans le graphe, et le contrôle arbre qui implémente réellement l'UI dans le marque-page est informé qu'il devrait commencer à dessiner des icônes pour le dernier message sur la purée de patate douce de Tante Helga.</p> + +<p>C'est<em>exactement</em> comme ça que fonctionne SmartMail.</p> diff --git a/files/fr/archive/standards_du_web/utiliser_des_titres_corrects_avec_des_feuilles_de_styles_externes/index.html b/files/fr/archive/standards_du_web/utiliser_des_titres_corrects_avec_des_feuilles_de_styles_externes/index.html new file mode 100644 index 0000000000..c97ae34880 --- /dev/null +++ b/files/fr/archive/standards_du_web/utiliser_des_titres_corrects_avec_des_feuilles_de_styles_externes/index.html @@ -0,0 +1,35 @@ +--- +title: Utiliser des titres corrects avec des feuilles de styles externes +slug: >- + Archive/Standards_du_Web/Utiliser_des_titres_corrects_avec_des_feuilles_de_styles_externes +tags: + - CSS +translation_of: Archive/Web_Standards/Correctly_Using_Titles_With_External_Stylesheets +--- +<p> +Les feuilles de style externes sont souvent associées aux documents HTML en utilisant l'élément <code>link</code>, mais il est important d'en employer correctement les attributs. En effet, il y a trois sortes de feuilles de style, et l'attribut <code>title</code> est la clé de deux d'entre elles. Sa présence dans un élément <code>link</code> qui référence une feuille de style externe transforme celle-ci en feuille de style par défaut. Dans la plupart des cas, ceci conduira la feuille de style externe à être ignorée, ce qui n'est généralement pas l'intention de l'auteur. +</p> +<h3 id="Pourquoi_les_titres_sont-ils_importants" name="Pourquoi_les_titres_sont-ils_importants"> Pourquoi les titres sont-ils importants </h3> +<p>L'attribut <code>title</code> détermine la façon dont votre feuille de style externe s'applique à votre document. En fait, l'utilisation de l'attribut <code>title</code> est tellement significative que le HTML 4.01 classe les feuilles de style par catégorie selon sa présence ou son absence. En spécifiant un attribut <code>title</code>, vous pouvez décider si une feuille particulière affecte le document en permanence ou si elle est employée seulement dans certaines circonstances. </p><p>Il y a trois sortes de feuilles de style possibles : <i>permanente</i>, <i>par défaut</i> et <i>alternative</i>. Les auteurs sont surtout familiarisés avec les feuilles de style <i>permanentes</i>, qui peuvent s'appliquer simultanément en n'importe quel nombre à un document. Une feuille de style permanente n'a pas d'attribut <code>title</code> et son attribut <code>rel</code> a la valeur <code>stylesheet</code>. Un document peut se référer à une ou plusieurs feuilles de style permanentes, qui seront toutes utilisées pour sa présentation. </p><p>Une feuille de style <i>par défaut</i>, quant à elle, a un attribut <code>rel</code> doté de la valeur <code>stylesheet</code> et un attribut <code>title</code> de n'importe quelle valeur. En voici deux exemples : </p> +<pre><link type="text/css" rel="stylesheet" title="Basic styles" href="basic.css" /> +<link type="text/css" rel="stylesheet" title="Fish and boats" href="ocean.css" /> +</pre> +<p>Selon la spécification HTML 4.01, seulement <b>une et une seule</b> feuille de style par défaut peut être utilisée à la fois. Dès lors, dans l'exemple ci-dessus, une seule des deux feuilles de style par défaut sera appliquée au document. La spécification ne fournit pas de procédure pour décider laquelle doit être utilisée ; les agents utilisateur sont donc libres de choisir. </p><p>Par conséquent, aucun <code>link</code> vers une feuille de style incluant un attribut <code>title</code> ne sera permanent. Il risque au contraire d'être ignoré par le navigateur. N'importe quel élément <code>link</code> se rapportant à une feuille de style avec un attribut <code>title</code> doit être <i>par défaut</i> ou <i>alternatif</i>, selon la valeur de l'attribut <code>rel</code>. </p><p>Dans un document qui propose des styles alternatifs, la feuille de style par défaut sera employée à condition qu'aucun des styles alternatifs ne soit choisi par l'utilisateur. Ainsi, quand le document est chargé, le navigateur emploiera tous les styles permanents et une des feuilles de style par défaut (mais attention, il ne peut y avoir qu'un seul style par défaut). Lorsque l'utilisateur choisit un des styles alternatifs, le style par défaut ne sera plus employé, bien que l'utilisateur puisse toujours le sélectionner à nouveau. </p><p>Le rôle essentiel des styles par défaut est d'indiquer le style de préférence pour l'affichage du document ; c'est-à-dire que c'est sa « présentation » par défaut. Si l'une ou l'autre des feuilles de style alternatives est choisie, alors le style par défaut est ignoré en faveur du style alternatif choisi par l'utilisateur. Ceci diffère donc des styles permanents qui sont toujours appliqués au document, qu'un style alternatif ait été choisi ou pas. +</p> +<h3 id="Recommandations" name="Recommandations"> Recommandations </h3> +<p>Les auteurs doivent s'assurer que chaque feuille de style qui doit toujours s'appliquer est permanente et non alternative. Pour citer la <a class="external" href="http://web.archive.org/web/20040405164311/http://www.w3.org/TR/HTML401/present/styles.html#h-14.3.1">Spécification HTML 4.01, section 14.3.1</a> : </p> +<blockquote> +<ul><li> Pour rendre une feuille de style permanente, il faut spécifier la valeur « stylesheet » pour l'attribut <code>rel</code> et ne pas spécifier d'attribut <code>title</code>. +</li><li> Pour rendre une feuille de style par défaut, il faut spécifier la valeur « stylesheet » pour l'attribut <code>rel</code> et spécifier un attribut <code>title</code>. +</li></ul> +</blockquote> +<h3 id="Liens" name="Liens"> Liens </h3> +<ul><li> <a class="external" href="http://www.w3.org/TR/html401/present/styles.html#h-14.3">HTML 4.01 Specification, section 14.3: External style sheets</a> +</li></ul> +<div class="originaldocinfo"> +<h3 id="Document_original" name="Document_original"> Document original </h3> +<ul><li> Auteur : Eric A. Meyer, <i>Netscape Communications</i> +</li><li> Publié le 30 déc. 2002 +</li><li> Copyright © 2001-2003 Netscape. +</li></ul> +</div> |