Ringkasan perkara yang perlu diberi perhatian dalam reka bentuk XHTML+CSS di bawah pertukaran Web2.0_Experience

Nota:
1. Penyata selain daripada memilih DOCTYPE mesti ditulis dalam huruf kecil Inggeris. Ini termasuk tindakan tetikus yang dijana oleh Macromedia Dreamweaver, seperti OnMouseOver, yang juga mesti diubah suai kepada onmouseover.

2. Sintaks XHTML memerlukan semua teg mesti mempunyai permulaan dan penghujung. Contohnya,

dan ,

dan

, dsb. Untuk logo yang tidak berpasangan, perlu menambah ruang di hujung logo, diikuti dengan "/". Contohnya,
ditulis sebagai
dan ditulis sebagai Sebab untuk menambah ruang adalah untuk mengelakkan penyemak imbas daripada tidak mengenali kod bersama-sama.

3. Semua teg XML mesti bersarang dengan munasabah. Contohnya:

mesti ditukar kepada:

Das heißt, die schichtweise Verschachtelung muss streng symmetrisch sein.

4. Alle Attribute müssen in Anführungszeichen „“ eingeschlossen werden. Beispiel: muss geändert werden in: . In besonderen Fällen müssen Sie im Attributwert doppelte Anführungszeichen verwenden. Sie können „“ verwenden, einfache Anführungszeichen können verwendet werden“, zum Beispiel: .

5. Setzen Sie alle ), die sind Nicht Teil des Tags. Alle kaufmännischen Und-Zeichen (&), die nicht Teil der Entität sind, müssen als & codiert werden.

6 Ein Wert für alle Attribute. Beispiel: muss geändert werden in: 7. Verwenden Sie im Kommentarinhalt nicht „--“.Par exemple : Vous pouvez remplacer la ligne pointillée interne par un signe égal ou un espace.

La première est la manière standard d'écrire l'en-tête du fichier :

CODE :
nbsp;   html    PUBLIC    "-//W3C//DTD    XHTML    1.0    Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitionnel.dtd">
http://www.w3.org/1999/xhtml" lang="utf-8">








[Copier dans le presse-papiers]



En termes de définition du CSS, il convient de recommander une solution universelle de paramétrage des polices, qui est la suivante :
CODE :
body { font-family : "Lucida Grande", Verdana , Lucida, Arial , Helvetica, Song Dynasty, sans-serif; }
[Copier dans le presse-papiers]


Les polices sont sélectionnées dans l'ordre indiqué. Si l'ordinateur de l'utilisateur contient la police Lucida Grande, le document sera désigné Lucida Grande. Sinon, elle est désignée comme police Verdana, s'il n'y a pas de Verdana, elle est désignée comme police Lucida, et ainsi de suite

La police Lucida Grande convient à Mac OS X ; la police convient à tous les systèmes Windows ;

Lucida convient aux utilisateurs UNIX ;

"Songti" convient aux utilisateurs chinois simplifiés

Si aucune des polices répertoriées n'est disponible ; disponibles, les polices sans empattement par défaut sont garanties d'être appelées.


Quatre pseudo-classes sont utilisées en CSS pour définir les styles de liens, à savoir : a:link, a:visited, a:hover et a:active, par exemple :

a :link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a :hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}

Mais vous devez faire attention à l'ordre lors de l'écriture. L'ordre correct est : LVHA. Si vous ne l'écrivez pas ainsi, l'effet peut être différent de ce à quoi vous vous attendiez.

La standardisation de la mise en page de la partie centrale et la mise en œuvre sans tableau du menu nécessitent des conseils pratiques, je n'écrirai donc rien ici. Écrivons quelques enregistrements sur la vérification du code.

Tableau comparatif des causes courantes d'erreur de validation XHTML :
Aucun DOCTYPE trouvé ! Revenir à HTML 4.01 Transitional --DOCTYPE n'est pas défini.

Aucun encodage de caractères trouvé ! Revenir à UTF-8.--Encodage de langage non défini.

balise de fin pour "img" omise, mais OMITTAG NO a été spécifié - la balise d'image n'est pas fermée par "/".

une spécification de valeur d'attribut doit être une valeur d'attribut littérale à moins que SHORTTAG YES ne soit spécifié - La valeur d'attribut doit être citée.

élément "DIV" non défini --- La balise DIV ne peut pas être utilisée en majuscule, elle doit être remplacée par div minuscule.

attribut obligatoire "alt" non spécifié --- L'image doit ajouter l'attribut alt.

attribut obligatoire "type" non spécifié --- La balise appelée par JS ou CSS manque l'attribut type.

Tableau comparatif des causes courantes d'erreur de validation CSS2 :
(Avertissement) Numéro invalide : color909090 n'est pas une valeur de couleur : 909090 ---La valeur de couleur hexadécimale doit être ajoutée avec un signe "#", c'est-à-dire est, #909090
(Attention) Numéro invalide : margin-topUnknown dimension : 6pixels ---les pixels ne sont pas une valeur unitaire, la façon correcte de l'écrire est 6px
(Attention) L'attribut scroll_bar-face-color n'existe pas : #eeeeee --- Définir la barre de défilement La couleur est un attribut non standard
(Attention) Ligne : 0 font-family : Il est recommandé de spécifier une famille de catégories en dernier choix - Le W3C recommande que lors de la définition des polices, il se termine par une catégorie de polices, telle que "sans-serif" pour garantir que les polices Web peuvent être affichées sous différents systèmes d'exploitation
(Avertissement)Ligne : 0 ne trouve pas le message d'avertissement pour les autres profils- -Indique qu'il y a des attributs ou des valeurs non standard dans le code, cochez Le programme ne peut pas déterminer et fournir les informations d'avertissement correspondantes