Wir wissen, dass HTML strenge Benennungsregeln hat. Deshalb werden wir diese Regeln heute integrieren, um Missverständnisse bei der Benennung zu vermeiden. Wenn Sie die Verwendung von DIV+CSS-Benennungsregeln in Ihrer Webseitenproduktion standardisieren, können Sie den Optimierungseffekt erheblich verbessern Insbesondere wenn es zu Teamarbeit kommt, wird die Effizienz der kollaborativen Produktion deutlich verbessert.
Wenn wir CSS+DIV-Webseiten (Xhtml) entwickeln, ist die CSS-Benennung das Verwirrendste und Verwirrendste, insbesondere für Neulinge, die nicht wissen, wie man Orte benennt und wie man sie am besten benennt.
1. Beschreibung der Benennungsregeln: - TOP
1), alle Namen sollten in Kleinbuchstaben geschrieben werden
2), Attributwerte müssen in doppelten Anführungszeichen stehen ("" ) und muss Werte wie class="divcss5", id="divcss5"
3) haben. Jedes Tag muss einen Anfang und ein Ende haben und die richtige Ebene und das richtige Layout haben. Ordentlich
4), leere Elemente müssen ein End-Tag haben oder „/“ nach dem Anfangs-Tag hinzufügen
5), Leistung und Struktur sind vollständig getrennt und es ist keine Leistung im Code enthalten Die Definitionen von Elementen wie Stil, Schriftart, Hintergrundfarbe, Rahmen usw.
6),
7), fügen Sie jeder Tabelle und jedem Formular eine eindeutige Struktur-Tag-ID hinzu
8), fügen Sie Alt-Tags zu Bildern hinzu
9), versuchen Sie, englische Benennungsprinzipien zu verwenden
10), versuchen Sie, keine Abkürzungen zu verwenden, es sei denn, es handelt sich um ein Wort, das auf einen Blick leicht zu verstehen ist
DIVCSS5 führt gängige CSS-Benennungs- und DIV-CSS-Benennungsmethoden ein.
2. CSS-Stilbenennung für wichtige Teile der äußeren Ebene der Webseite:
Coat Wrap ---------- ----- ---Wird für den äußersten
Header verwendet ----------------Wird für den Header
main content main verwendet -- -- --------Wird für den Hauptinhalt verwendet (Mitte)
main-left -------------Left-Layout
right main- rechts ----------Rechtes Layout
Navigationsleistennavigation ------------------Webmenü-Navigationsleiste
Inhalt ---------------Wird für den mittleren Textteil der Webseite verwendet
Untere Fußzeile --------------- Wird verwendet für unten
3. DIV+CSS-Benennungsreferenztabelle: - TOP
Das Folgende ist die Referenztabelle für CSS-Stilbenennung und CSS-Dateibenennung, DIV CSS Benennungssammlung:
Beschreibung der Benennung im CSS-Stil
Öffentliche Benennung der Webseite
#wrapper Seitenperipheriesteuerung Gesamtlayoutbreite
#container oder #content-Container, Verwendete äußerste Ebene
#Layout-Layout
#Kopf, #Kopfzeile, Kopfzeilenteil
#Fuß, #Fußzeile, Fußzeilenteil
#nav Hauptnavigation
#subnav sekundäre Navigation
#Menümenü
#submenu Untermenü
#sideBar Seitenleiste
#sidebar_a, # sidebar_b linke oder rechte Spalte
#Hauptseitentext
#Tag-Label
#msg #Nachricht, Aufforderungsnachricht
#Tipps, Tipps
#Abstimmung abstimmen
#friendlink freundliche Verbindung
#title title
#summary summary
#loginbar login bar
#searchInput sucheingabefeld
#hot hot spot
#search search
#search_output Suchausgabe und Suchergebnisse sind ähnlich
#searchBar Suchleiste
#search_results Suchergebnisse
#Copyright Copyright-Informationen
#branding Trademark
#logo Website-LOGO
#siteinfo Website-Informationen
#siteinfoLegal Legal Hinweis
#siteinfoCredits Reputation
#joinus Treten Sie uns bei
#partner Partner
#service Service
#regsiter registrieren
arr/arrow Pfeil
#Gildenführer
#Sitemap Sitemap
#Listenliste
# Homepage Startseite
# Unterseite Sekundärseite Unterseite
#Tool, #Toolbar-Symbolleiste
#Drop-Dropdown
#dorpmenu Dropdown-Menü
#status status
#scroll scroll
.tab tab
.left .right .center left , center, right
.news news
.download download
.banner Werbebanner (Top-Werbebanner)
elektronischer Handel bezogen
.Produkte Produkt
.products_prices Produktpreis
.products_description Produktbeschreibung
.products_review Produktbewertung
.editor_review Editor-Bewertung
.news_release Neueste Produkte
.publisher Hersteller
.screenshot Miniaturansichten
.faqs FAQ
.keyword keyword
.blog blog
.forum forum
CSS-Dateibenennungsbeschreibung
master.css, style.css main
module.css module
base.css grundlegende Freigabe
layout.css-Layout, Layout
themes.css-Theme
Spalten .css-Spalte
font.css-Text, Schriftart
forms.css form
mend.css patch
print.css print
Weitere Anweisungen zur CSS-Benennung:
DIV+CSS-Benennungszusammenfassung: Es spielt keine Rolle, ob Sie „.“ (Kleinbuchstaben) verwenden, um ein Symbol für den Beginn der Benennung auszuwählen, oder „#“ (Nummernzeichen), um ein Symbol für den Beginn der Benennung auszuwählen, aber Wir sollten uns besser an die wichtigsten und wichtigsten Punkte halten. Das spezielle, äußerste Feld wird mit dem Auswahlsymbol „#“ (Nummernzeichen) benannt, und die anderen beginnen mit dem Auswahlsymbol „.“ (Kleinbuchstaben). der benannte CSS-SelektorAufrufe in HTML wiederverwenden.
Normalerweise sind unsere am häufigsten verwendeten Hauptnamen: Wrap (Mantel, äußerste Schicht), Header (Kopfzeile, Kopfzeile), Nav (Navigationsleiste), Menü (Menü), Title (Spaltentitel, allgemeine Koordination h1h2h3h4 Tags )
, Inhalt (Inhaltsbereich), Fußzeile (Fußzeile, unten), Logo (Logo, kann mit h1-Tags verwendet werden), Banner (Werbebanner, normalerweise oben), copyRight (Urheberrecht) . Andere können gezielt nach den eigenen Bedürfnissen eingesetzt werden.
DIVCSS5-Empfehlung: Die Haupt-, Wichtig- und äußersten Felder sollten mit dem Auswahlsymbol „#“ (Nummernzeichen) benannt werden, die anderen mit dem Auswahlsymbol „.“ (Kleinbuchstaben). Symbol.
2. Die CSS-Stildateien heißen wie folgt:
Hauptmaster.css
layout, Layoutlayout.css
Columns columns.css
Textfont.css
Druckstil print.css
Theme themes.css
4. Englische Benennungskenntnisse:
Wenn Sie auf etwas stoßen, das nicht häufig verwendet wird, können Sie es mit einem Übersetzungstool übersetzen und auf Englisch benennen.
Es wird empfohlen, das Online-Übersetzungstool von Google zu verwenden: http://translate.google.cn/
Standardisierte CSS-Benennung bringt hoffentlich viele Vorteile Halten Sie sich strikt an die Namensregeln, um es für Sie, mich und andere bequem zu machen.
Verwandte Lektüre:
Wie HTML CSS aufruft, um Divs zu verwalten und zu verschönern
Grundgerüst des typischen CSS+Div-Layouts
Beispiel, das die DIV+CSS-Implementierung einer Radiosenderliste zeigt
Das obige ist der detaillierte Inhalt vonBenennungsregeln in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
