Zusammenfassung der Dinge, auf die Sie beim XHTML+CSS-Design unter Web2.0_Experience Exchange achten sollten

Hinweise:
1. Andere Anweisungen als die Auswahl von DOCTYPE müssen in englischen Kleinbuchstaben geschrieben werden. Dazu gehören von Macromedia Dreamweaver generierte Mausaktionen wie OnMouseOver, die ebenfalls in onmouseover geändert werden müssen.

2. Die XHTML-Syntax erfordert, dass alle Tags einen Anfang und ein Ende haben müssen. Zum Beispiel

und ,

und

usw. Bei ungepaarten Logos ist es erforderlich, am Ende des Logos ein Leerzeichen gefolgt von einem „/“ einzufügen. Beispielsweise wird
als
und als geschrieben. Der Grund für das Hinzufügen von Leerzeichen besteht darin, zu verhindern, dass der Browser die Codes nicht zusammen erkennt.

3. Alle XML-Tags müssen sinnvoll verschachtelt sein. Beispielsweise muss

geändert werden in:

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