Les standards du Web divisent les pages Web en trois composants indépendants :
*Structure : HTML, XHTML, XML
* Performances : CSS1, CSS2
* Comportement : ECMAScript, DOM
Jusqu'à présent, les normes Web n'ont aucune directive ou précepte sur l'apparence et l'esthétique, et elles n'imposent aucune restriction sur l'apparence et la convivialité du site. Elles permettent uniquement au navigateur d'afficher correctement le site créé par le concepteur et d'aider les clients à répondre aux exigences de l'entreprise. Besoins et besoins du marché. Analyse des utilisateurs pour élaborer des objectifs.
Les standards du Web peuvent faire :
* Contrôle, positionnement et mise en page plus précis sur les navigateurs graphiques
* Comportement interactif complexe
*Accessibilité
* Prise en charge de plusieurs navigateurs
* Fonctionne sur les anciens et les nouveaux navigateurs
* Garanti de fonctionner sur les futurs navigateurs
* Réduction du temps de refonte du site Web
* Prise en charge des appareils non traditionnels
* Fournissez facilement une version imprimable de n'importe quelle page Web
* Repensez facilement les documents pendant le processus de publication
* Convertir HTML en langage de balisage basé sur XML
Raisons d’utiliser les standards du Web :
* Améliorer les capacités d'interaction
* Améliorer l'accessibilité
* Réduire la charge de travail de maintenance
* Réduire la bande passante
* Réduire les coûts
XHTML est un langage de balisage basé sur XML qui ressemble au HTML, avec quelques différences petites mais importantes. Vous pouvez le voir de cette façon, XHTML est du XML qui joue un rôle similaire à celui du HTML.
Essentiellement, XHTML est une technologie de pontage (de transition) qui combine la puissance de XML (un peu) avec la simplicité de HTML (principalement).
----Jeffery Zeldman
10 raisons de passer au XHTML :
*XHTML est le remplacement standard actuel du langage de balisage HTML4.
* XHTML peut bien interagir avec d'autres langages de balisage, applications et protocoles basés sur XML.
* XHTML a une meilleure cohérence que HTML.
* XHTML1.0 est le pont vers les futures versions de XHTML
* Les navigateurs plus anciens peuvent s'adapter au XHTML
* Les nouveaux navigateurs privilégient le XHTML au HTML
* XHTML fonctionne bien sur les appareils sans fil et autres agents utilisateurs.
* XHTML fait partie de la famille des standards du Web
* XHTML peut vous aider à vous débarrasser des mauvaises habitudes liées au code de la couche de présentation
* XHTML peut vous aider à prendre l'habitude de baliser la validation pour tester le fonctionnement de votre page.
Règles XHTML :
* Commencez par le DOCTYPE et l'espace de noms corrects
* Utilisez l'élément de contenu META pour déclarer votre langue d'encodage de contenu
* Écrivez tous les noms d'éléments et d'attributs en lettres minuscules
* Ajoutez des guillemets à toutes les valeurs d'attribut et séparez les attributs par des espaces.
* Attribuer une valeur à tous les attributs
* Fermez tous les onglets
* Fermez les balises vides avec des espaces et des barres obliques
* Ne pas utiliser dans le contenu des commentaires
* Assurez-vous d'utiliser < et & pour < et &.
Il existe trois types de DTD fournis par XHTML1 :
* Transitionnel, transitionnel, la DTD la plus indulgente, la seule DTD qui tolère les balises de couche de présentation, les éléments et attributs indésirables
* Strict, strict,
* Cadre, cadre,
Méthode d'encodage du contenu de la déclaration XHTML :
* Prologue XML, bien sûr, mais la plupart des navigateurs ne gèrent pas cela
* Insérez l'élément Content-Type pour spécifier la langue d'encodage,
* Définissez la langue d'encodage via l'en-tête HTTP renvoyé sur le serveur Web. Cette méthode est recommandée par le w3c.
Mécanisme général d'ajout de structure
* Les éléments DIV et SPAN, combinés aux attributs id et class, fournissent un mécanisme commun pour ajouter de la structure aux documents.
* Ces éléments définissent le contenu intégré (SPAN) et le niveau de bloc (DIV) sans introduire d'autres éléments de la couche de présentation dans le contenu.
* L'attribut ID est similaire à l'étiquette d'une zone spéciale dans le code, indiquant que cette zone nécessite un traitement spécial. Lorsqu'une valeur d'attribut ID est utilisée dans un CSS spécialement défini, on l'appelle un ID de sélecteur CSS. C'est le moyen le plus simple et le plus polyvalent de créer un sélecteur.
* Le nom de la pièce d'identité doit commencer par une lettre et un trait de soulignement, et ne peut pas commencer par un chiffre.
Fonction d'identification
* En tant que sélecteur de feuille de style, minimisez les fichiers de page XHTML ;
* En tant qu'ancre d'un lien hypertexte, remplaçant l'attribut de nom obsolète ;
* Méthode pour référencer des éléments dans un script DOM ;
* En tant que nom d'élément d'objet déclaré ;
* En tant qu'outil de traitement de processus à usage général.
# Une feuille de style est une collection d'une ou plusieurs définitions de règles qui déterminent la manière dont les éléments sélectionnés sont affichés.
# Une définition CSS se compose de deux parties : les sélecteurs et les déclarations. Parmi eux, la déclaration est également une collection. Les éléments de la collection sont placés dans une paire de {}. Chaque élément se compose de deux parties : les attributs et les valeurs sont séparés par :.
# Le sélecteur commençant par # est le sélecteur d'identifiant et le sélecteur commençant par .
# Plusieurs sélecteurs peuvent partager la même instruction, auquel cas les différentes sélections sont séparées par des virgules.
# Selon CSS, les éléments enfants de la page héritent des propriétés de l'élément parent, mais certains anciens navigateurs ne les supportent pas (comme Netscape 4). Si vous ne souhaitez pas que l'élément enfant hérite des caractéristiques de l'élément parent, l'élément enfant peut définir librement les attributs associés.
# CSS n'est pas sensible à la casse, mais lorsqu'il est associé à un fichier HTML, les noms de catégorie et d'identifiant sont sensibles à la casse.
# Afin de faciliter l'édition du CSS, vous pouvez ajouter des espaces ou des nouvelles lignes.
# Les feuilles de style peuvent affecter l'affichage des pages de trois manières
1. Sensibilisation/importation
<link rel=StyleSheet href=/styles/mystylesheet.css type=text/css media=all />
ou
<style type=text/css media=all>
@import /styles/mafeuilledestyle.css ;
</style>
ou
<style type=text/css media=all>
@import url(/styles/mystylesheet.css);
</style>
Remarque : la méthode @Import n'est prise en charge que par les navigateurs supérieurs à 5.0.