Inhaltsverzeichnis
Die vorherigen Wörter
Verzeichnisbenennung
Bildbenennung
Dateibenennung
Heim Web-Frontend HTML-Tutorial Detaillierte Einführung in die HTML-Namenskonventionen

Detaillierte Einführung in die HTML-Namenskonventionen

Jul 26, 2017 am 11:17 AM
Name 规范

Die vorherigen Wörter

Die DOM-Struktur und die Benennung sind aus historischen Gründen und persönlichen Gewohnheiten nicht einheitlich, was zu einer geringen Effizienz führt, wenn verschiedene Mitglieder dieselbe Seite pflegen, und zu extrem hohen Iterations- und Wartungskosten. Daher ist es unbedingt erforderlich, einheitliche Namenskonventionen zu verwenden. In diesem Artikel wird die Namenskonvention im Detail vorgestellt

Verzeichnisbenennung

1. Projektordner: Projektname

2. Stilordner: CSS

3. Skriptordner: js

4. Stilbildordner: img

Bildbenennung

Es wird empfohlen, Bilder im zu benennen folgende Reihenfolge Benennung:

(m_) Bildfunktionskategorie (erforderlich) + Bildmodulname (optional) + Bildgenauigkeit (optional)

m_ gibt an, ob es öffentlich ist, optional

[Bildfunktionskategorie]

Symbol: Modultyp verfestigtes Symbol

Logo: LOGO-Typ

spr: eine kombinierte Sammlung verschiedener Elemente auf einer einzelnen Seite

btn: Schaltfläche

bg: kachelbarer oder großer Hintergrund

Bild: Bild, das den aktuellen Inhalt oder das aktuelle Geschäft darstellt

[Name des Bildmoduls]

Warenliste: Produktliste

Wareninfo: Produktinformationen

Benutzerporträt: Benutzeravatar

[Bildgenauigkeit]

Allgemein klar: @1x

Retina: @2x |. @3x

//公共模块:
m_btn_goodlist@2x.png
m_btn_goodlist.png

//非公共模块:
wx_btn_goodlist@2x.png
wx_btn_goodlist.png
btn_goodlist.png
Nach dem Login kopieren

Dateibenennung

Stellen Sie sicher, dass der Dateiname immer mit einem Buchstaben beginnt und nicht mit einem Alle Buchstaben müssen in Kleinbuchstaben geschrieben, durch Unterstriche verbunden und ohne andere Satzzeichen sein, z. B.

<!-- HTML -->
connect.html
connect_list.html
connect_detail.html
<!-- SASS -->
connect.scss
connect_list.scss
connect_detail.scss
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in die HTML-Namenskonventionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Überlegungen zur Parameterreihenfolge bei der Benennung von C++-Funktionen Überlegungen zur Parameterreihenfolge bei der Benennung von C++-Funktionen Apr 24, 2024 pm 04:21 PM

Bei der Benennung von C++-Funktionen ist es wichtig, die Reihenfolge der Parameter zu berücksichtigen, um die Lesbarkeit zu verbessern, Fehler zu reduzieren und das Refactoring zu erleichtern. Zu den gängigen Konventionen für die Parameterreihenfolge gehören: Aktion-Objekt, Objekt-Aktion, semantische Bedeutung und Einhaltung der Standardbibliothek. Die optimale Reihenfolge hängt vom Zweck der Funktion, den Parametertypen, möglichen Verwirrungen und Sprachkonventionen ab.

Konventionen zur Benennung von Variablen, die beim Python-Lernen erforderlich sind Konventionen zur Benennung von Variablen, die beim Python-Lernen erforderlich sind Jan 20, 2024 am 09:03 AM

Konventionen zur Benennung von Variablen, die Sie beim Erlernen von Python kennen müssen. Ein wichtiger Aspekt beim Erlernen der Programmiersprache Python ist das Erlernen der korrekten Benennung und Verwendung von Variablen. Variablen sind Bezeichner, die zum Speichern und Darstellen von Daten verwendet werden. Gute Namenskonventionen für Variablen verbessern nicht nur die Lesbarkeit Ihres Codes, sondern verringern auch die Fehlerwahrscheinlichkeit. In diesem Artikel werden einige häufig verwendete Konventionen zur Variablenbenennung vorgestellt und entsprechende Codebeispiele gegeben. Verwenden Sie aussagekräftige Namen. Variablennamen sollten eine klare Bedeutung haben und die in der Variablen gespeicherten Daten beschreiben können. Die Verwendung aussagekräftiger Namen ermöglicht dies

Wie können Sie die Designprinzipien und Ziele hinter der neuesten PHP-Codespezifikation verstehen, indem Sie den Quellcode lesen? Wie können Sie die Designprinzipien und Ziele hinter der neuesten PHP-Codespezifikation verstehen, indem Sie den Quellcode lesen? Sep 05, 2023 pm 02:46 PM

Wie können Sie die Designprinzipien und Ziele hinter der neuesten PHP-Codespezifikation verstehen, indem Sie den Quellcode lesen? Einführung: Beim Schreiben von hochwertigem PHP-Code ist es sehr wichtig, bestimmte Codierungsstandards einzuhalten. Durch Codespezifikationen können die Lesbarkeit, Wartbarkeit und Skalierbarkeit des Codes verbessert werden. Für die PHP-Sprache gibt es eine weit verbreitete Codespezifikation, nämlich PSR (PHPStandardsRecommendations). In diesem Artikel erfahren Sie, wie Sie den Quellcode der neuesten PHP-Codespezifikation lesen

Was ist der Standard für die API-Schnittstelle? Was ist der Standard für die API-Schnittstelle? Feb 23, 2024 pm 08:15 PM

Unter API-Schnittstellenspezifikation (Application Programming Interface) versteht man eine Reihe von Richtlinien und Spezifikationen, die API-Schnittstellen in der Softwareentwicklung definieren und spezifizieren. Der Zweck der API-Schnittstellenspezifikation besteht darin, die Interoperabilität und Konsistenz zwischen verschiedenen Softwarekomponenten sicherzustellen. In diesem Artikel werden mehrere wichtige Aspekte der API-Schnittstellenspezifikationen vorgestellt. Konvention zur Benennung von Schnittstellen Der Name einer API-Schnittstelle sollte klar, prägnant und konsistent sein und ihre Funktion und ihren Zweck genau ausdrücken. Namenskonventionen sollten Branchenpraktiken und internen Konventionen des Entwicklungsteams entsprechen und die Verwendung vager und verwirrender Begriffe vermeiden. Das

Wie kann das Problem der unregelmäßigen Verwendung eingerückter Leerzeichen im Python-Code gelöst werden? Wie kann das Problem der unregelmäßigen Verwendung eingerückter Leerzeichen im Python-Code gelöst werden? Jun 24, 2023 pm 09:03 PM

Python ist eine sehr beliebte Programmiersprache, da sie einfach zu verstehen und leicht zu erlernen ist. In Python sind Einrückung und Codeformat sehr wichtig. Bei unregelmäßiger Verwendung wirkt sich dies stark auf die Lesbarkeit und Wartbarkeit des Codes aus. Ziel dieses Artikels ist es, verschiedene Methoden zur Lösung des Problems unregelmäßiger Einrückungsräume im Python-Code vorzustellen. Verwendung automatisierter Tools Bei der Python-Programmierung ist es sehr wichtig, die Codierungsstandards einzuhalten. Jeder Einzug im Code sollte die gleiche Anzahl von Leerzeichen verwenden. Wenn Sie Zeile für Zeile manuell ändern

PyCharm-Formatierungs-Tastenkombinationsanalyse: So vereinheitlichen Sie schnell den Codestil PyCharm-Formatierungs-Tastenkombinationsanalyse: So vereinheitlichen Sie schnell den Codestil Jan 27, 2024 am 10:38 AM

Codestil schnell standardisieren: Die Lesbarkeit und Konsistenz des PyCharm-formatierten Tastenkombinations-Parsing-Codes ist für Programmierer sehr wichtig. Unter der Voraussetzung, bestimmte Codierungsstilspezifikationen zu befolgen, kann das Schreiben von sauberem Code die Pflege und das Verständnis des Projekts erleichtern. Als leistungsstarke integrierte Entwicklungsumgebung bietet PyCharm Tastenkombinationen, mit denen wir Code schnell formatieren können. In diesem Artikel werden einige häufig verwendete Tastenkombinationen in PyCharm sowie deren spezifische Verwendung und Auswirkungen vorgestellt. 1. Automatische Einrückung des Codes (Strg

Welche Fehler sollten bei der Benennung von Golang-Funktionen vermieden werden? Welche Fehler sollten bei der Benennung von Golang-Funktionen vermieden werden? Apr 22, 2024 pm 09:18 PM

Fehler und Gegenmaßnahmen bei der Benennung von Go-Funktionen: Vermeiden Sie leere Namen und verwenden Sie beschreibende Namen. Vermeiden Sie lange Namen und verwenden Sie Abkürzungen oder prägnante Begriffe. Verwenden Sie aus Gründen der Konsistenz Kleinbuchstaben, um Funktionen zu benennen. Vermeiden Sie die Verwendung von Unterstrichen, um Ihren Code klar zu halten. Stellen Sie sicher, dass der Name mit der Funktion übereinstimmt und die Funktionalität der Funktion genau wiedergibt.

Schritt-für-Schritt-Anleitung zum Erstellen von Ordnern auf dem Realme-Mobiltelefon Schritt-für-Schritt-Anleitung zum Erstellen von Ordnern auf dem Realme-Mobiltelefon Mar 23, 2024 pm 03:51 PM

Schritt-für-Schritt-Anleitung zum Erstellen von Ordnern auf Realme-Mobiltelefonen In unserem täglichen Leben verwenden wir unsere Telefone zum Speichern einer Vielzahl von Dateien, darunter Fotos, Videos, Dokumente und mehr. Mit der Zeit kann jedoch die Anzahl der Dateien auf Ihrem Telefon zunehmen, was dazu führen kann, dass der Speicher auf Ihrem Telefon nicht ausreicht oder die Verwaltung von Dateien erschwert wird. Um Dateien besser zu organisieren und die Effizienz der Handynutzung zu steigern, ist die Einrichtung von Handyordnern besonders wichtig geworden. Realme Mobile ist eine beliebte Smartphone-Marke mit einem leistungsstarken System und vielfältigen Funktionen. Durch das Erstellen von Ordnern auf Realme-Telefonen können Benutzer Dateien besser organisieren

See all articles