Résumé des éléments à prendre en compte dans la conception XHTML+CSS sous Web2.0_Experience Exchange

Remarques :
1. Les déclarations autres que la sélection de DOCTYPE doivent être écrites en lettres anglaises minuscules. Il s'agit notamment des actions de souris générées par Macromedia Dreamweaver, telles que OnMouseOver, qui doivent également être modifiées en onmouseover.

2. La syntaxe XHTML exige que toutes les balises aient un début et une fin. Par exemple,

et ,

et

, etc. Pour les logos non appariés, il est obligatoire d'ajouter un espace à la fin du logo, suivi d'un "/". Par exemple,
s'écrit
et s'écrit La raison de l'ajout d'espaces est d'empêcher le navigateur de ne pas reconnaître les codes ensemble.

3. Toutes les balises XML doivent être raisonnablement imbriquées. Par exemple :

doit être remplacé par :

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 müssen als > codiert werden, jedes kaufmännische Und (&), das nicht Teil der Entität ist, muss als & codiert werden (keine Leerzeichen zwischen den oben genannten Codebuchstaben)

6 Ein Wert für alle Attribute. Beispiel: muss geändert werden in: 7. Verwenden Sie im Kommentarinhalt nicht „--“.Contohnya: Anda boleh menggantikan garis putus-putus dalaman dengan tanda sama atau ruang.

Yang pertama ialah cara standard menulis pengepala fail:

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








[Salin ke papan keratan]



Dari segi takrifan CSS, adalah wajar mengesyorkan penyelesaian tetapan fon universal, iaitu seperti berikut:
KOD:
body { font-family : "Lucida Grande", Verdana , Lucida, Arial , Helvetica, Dinasti Lagu, sans-serif; }
[Salin ke papan keratan]


Fon dipilih dalam susunan yang disenaraikan. Jika komputer pengguna mengandungi fon Lucida Grande, dokumen itu akan dinamakan Lucida Grande. Jika tidak, ia ditetapkan sebagai fon Verdana, jika tiada Verdana, ia ditetapkan sebagai fon Lucida, dan sebagainya; fon sesuai untuk semua sistem Windows;

Lucida sesuai untuk pengguna UNIX

"Songti" sesuai untuk pengguna bahasa Cina yang dipermudahkan; tersedia, Fon sans-serif lalai dijamin akan dipanggil.


Empat kelas pseudo digunakan dalam CSS untuk menentukan gaya pautan, iaitu: a:link, a:visited, a:hover dan a:active, contohnya:

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 ;}

Tetapi anda mesti memberi perhatian kepada pesanan semasa menulis.

Penyeragaman reka letak bahagian tengah dan pelaksanaan bukan jadual menu memerlukan panduan praktikal, jadi saya tidak akan menulis apa-apa di sini. Mari tulis beberapa rekod tentang pengesahan kod.

Jadual perbandingan ralat pengesahan XHTML biasa menyebabkan:
Tiada DOCTYPE Ditemui Kembali ke HTML 4.01 Peralihan--DOCTYPE tidak ditakrifkan.

Tiada Pengekodan Aksara Ditemui! Kembali ke UTF-8.--Pengekodan bahasa tidak ditentukan.

teg akhir untuk "img" ditinggalkan, tetapi OMITTAG NO telah ditentukan--teg imej tidak ditutup dengan "/".

spesifikasi nilai atribut mestilah literal nilai atribut melainkan SHORTTAG YA ditentukan--Nilai atribut mesti dipetik.

elemen "DIV" undefined---teg DIV tidak boleh digunakan dalam huruf besar dan mesti ditukar kepada div huruf kecil.

atribut yang diperlukan "alt" tidak dinyatakan---Imej perlu menambah atribut alt.

erforderliches Attribut „Typ“ nicht angegeben --- Dem von JS oder CSS aufgerufenen Tag fehlt das Typattribut.

Vergleichstabelle der häufigsten Ursachen für CSS2-Validierungsfehler:
(Warnung) Ungültige Zahl: color909090 ist kein Farbwert: 909090 ---Der hexadezimale Farbwert muss mit einem „#“-Zeichen hinzugefügt werden ist #909090
(Warnung) Ungültige Zahl: margin-topUnbekannte Dimension: 6 Pixel ---Pixel ist kein Einheitenwert, die korrekte Schreibweise ist 6px
(Warnung) Das Attribut scroll_bar-face-color existiert nicht: #eeeeee --- Definieren Sie die Bildlaufleiste. Farbe ist ein nicht standardmäßiges Attribut
(Warnung) Zeile: 0 Schriftfamilie: Es wird empfohlen, als letzte Auswahl eine Kategoriefamilie anzugeben – W3C empfiehlt dies Beim Definieren von Schriftarten endet es mit einer Kategorie von Schriftarten, z. B. „sans-serif“, um sicherzustellen, dass Web-Schriftarten unter verschiedenen Betriebssystemen angezeigt werden können
(Warnung)Zeile: 0 kann die Warnmeldung für andere Profile nicht finden- - Zeigt an, dass der Code nicht standardmäßige Attribute oder Werte enthält. Überprüfen Sie, ob das Programm die entsprechenden Warninformationen nicht ermitteln und bereitstellen kann