Benennungsregeln in HTML

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),

sollten dem Prinzip von groß nach klein folgen, um die Struktur des Dokuments widerzuspiegeln und Suchmaschinenabfragen erleichtern.

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!