Halten Sie sich an strenge CSS-Codierungsstandards im BBC-Stil?
Mar 06, 2025 am 01:15 AM
Detaillierte Erl?uterung der strengen CSS -Codierungsspezifikationen von BBC
In diesem Artikel werden die CSS-Codierungsspezifikationen der BBC er?rtert, die in der Branche bekannt sind und die Best Practices, die Lesbarkeit ohne CSS/JS-Unterstützung und die Einhaltung der W3C-Standards betonen.
Kernpunkte:
-
Die CSS -Spezifikation von
- BBC konzentriert sich auf Best Practices und konzentriert sich auf die Code -Lesbarkeit, um die Zug?nglichkeit von Webseiteninhalten zu gew?hrleisten, auch wenn CSS und JavaScript deaktiviert sind und die ver?ffentlichten W3C -Empfehlungen ausschlie?lich folgen. Die Spezifikation
- enth?lt spezifische Regeln, z. B. das Verbot der Verwendung von
!important, die Vorgeschichte der Seitenhintergrundfarbe und die Verwendung komprimierter externer Stylesheets. Inline -Stile sind verboten, und externe CSS -Dateien k?nnen nicht mit@importgeladen werden, um potenzielle Probleme mit dem Caching -Problem mit Browser zu vermeiden. - Obwohl es für Anf?ngerentwickler eine Herausforderung sein kann, bieten diese Leitf?den eine gut dokumentierte Dokumentation, um grundlegende Usability-Fehler zu vermeiden. Die Spezifikation f?rdert auch pr?gnante, effiziente und leicht zu machende Code durch klare Namenskonventionen, die Verwendung von Anbieterpr?fixen und Vorschl?ge zu CSS-Dateianmerkungen und -organisationen.
Allgemeine CSS -Prinzipien:
BBC verwendet xhtml 1.0 streng als Inhaltsanbieter, und der Handbuch sieht vor, dass Webseiteninhalte ohne aktiviertes CSS oder JavaScript lesbar sein müssen. Viele Entwickler ignorieren dies, um schnell die neuesten JQuery -Widgets hinzuzufügen. Die meisten Browser (oder Erweiterungen wie Webentwickler -Symbolleiste) erm?glichen das Deaktivieren von CSS und Skripten. Wenn der Inhalt unleserlich ist, kann er nicht von Google und Screen -Lesern gelesen werden. Nach den Richtlinien müssen alle CSS die ver?ffentlichten W3C -Empfehlungen einhalten. Dies kann einige Probleme verursachen, da es Anbieter -Pr?fixeigenschaften wie -moz-border-radius und -webkit-box-shadow ausschlie?t. Die BBC -Website nutzt sie jedoch mit Vorsicht. !important ist verboten, weil es den Benutzerstil überschreibt. Dies ist ein bisschen hart, da es für IE6 -Korrekturen nützlich ist. Davon abgesehen habe ich es auch für schnelle und unh?fliche ?nderungen missbraucht, wenn die Grundursache des Kaskadenproblems angegangen werden sollte. Wenn Sie den IE6 aufgeben, sollten Sie es für die BBC -Codierer betrachten, die immer noch auf IE5.5 testen! CSS in IE5.5 ist besonders schlecht: Es versucht, Attribute zu analysieren, aber es scheitert kl?glich.
CSS -Implementierung:
Alle CSS werden in Form eines komprimierten externen Stylesheets implementiert, obwohl CSS im HTML -Header zul?ssig ist, wenn für eine bestimmte Seite eine Regel erforderlich ist. Inline -Stile sind verboten. Das ist sehr gut. Jeder Codierer, der mit Inline -Stilen gefunden wurde, sollte seine Webentwicklungslizenz widerrufen! Interessanterweise k?nnen externe CSS -Dateien mit @import nicht geladen werden, da sie den Browser -Cache beeinflussen. ist das so? Ich vermute, dass dies in modernen Browsern nicht mehr der Fall ist.
Typ und Farbe:
Ein gemeinsamer Schriftname (Serifen, Sans-Serif, Kursiv oder Monospace) muss am Ende aller font-family -Heeigenschaften hinzugefügt werden. Auch dies ist etwas, was Entwickler oft vergessen: Nicht jeder hat Arial oder Helvetica auf ihren Computern. Ich mag diese doppelte negative Regel: & gt;
BBC empfiehlt die Verwendung von EM-, %- oder Schlüsselwortwerten, und nach der Erh?hung der Gr??e um zwei Schritte in einem beliebigen Level -Browser muss der Text lesbar bleiben. Ich wette, das wird ein Test -Albtraum! Schlie?lich muss der Entwickler die Seite der Seitenhintergrund definieren. Auf einem meiner Computer t?towierte ich diese Regel auf meine Stirn, nachdem die standardm??ige Hintergrundfarbe auf ekelhaftes Grün eingestellt war.
Entwicklerparadies oder H?lle?
Wenn Sie schon eine Weile in der Branche sind, haben Sie m?glicherweise viele der von der BBC entwickelten Richtlinien aufgenommen. Aber wie gehen neue Entwickler damit um? Positiv zu vermerken ist, dass diese Erwartungen gut dokumentiert sind und Codierer helfen k?nnen, grundlegende Usability -Fehler zu vermeiden. Die Entwicklung selbst ist jedoch schwierig genug - die meisten Menschen haben Schwierigkeiten, mit mehreren Regeln und Vorschriften für 24 miteinander verbundene Technologien umzugehen. Implementiert Ihr Unternehmen strenge Codierungsrichtlinien? Sind sie ausgerichtet oder sind sie ziemlich flexibel? Sind sie vernünftig oder l?cherlich? Sind sie regelm??ig aktualisiert oder schreiben Sie immer noch Code für Netscape 3.0? Wird der Leitfaden Ihre t?glichen Entwicklungsaufgaben helfen oder behindern? Ich m?chte auch von einem BBC -Entwickler h?ren ... haben Sie die Regeln strikt befolgt oder heimlich verwendet, wenn der Manager weg ist?
!important (Folgendes ist der FAQ
Die CSS-Codierungsstandards der BBC sind so konzipiert, dass sie die Verwendung von Unterrichtsstunden und Hyphen-getrennten Klassen- und ID-Namen unterstreichen und die Verwendung von ID-Selektoren für die Verwendung von ID-Selektoren für die Verwendung von ID-Selektoren und die Verwendung von Google-Naming-Konzents für die Klassen- und Klassennamen und die Aufschrift für die Aufschrift und die Wortdrucks, die sich für die Klassen- und Words-Stehen empfehlen, empfehlen. Ids. Wie handelt es sich bei den CSS -Codierungsstandards des BBC befassen die Pr?fixe von Lieferanten?
Die CSS -Codierungsstandards der BBC empfehlen die Verwendung von Anbietern für CSS -Eigenschaften, die noch nicht standardisiert oder vollst?ndig unterstützt werden, und stellt sicher, dass der CSS -Code in verschiedenen Browsern über verschiedene Browser hinweg korrekt funktioniert, auch wenn sie bestimmte CSS -Eigenschaften unterschiedlich interpretieren. Was ist die Haltung der BBC zur Verwendung von Kurzeigenschaften in CSS?
Die CSS -Codierungsstandards der BBC f?rdern die Verwendung von Kurzeigenschaften, wann immer m?glich. Dies soll den Code pr?zise und leicht zu lesen halten. Sie warnen jedoch auch Entwickler, die Auswirkungen von Kurzeigenschaften vollst?ndig zu verstehen, da sie manchmal zu unerwarteten Ergebnissen führen k?nnen, wenn sie nicht korrekt verwendet werden.
Wie n?hert sich die CSS -Codierungsstandards der BBC in CSS?
Die CSS -Codierungsstandards der BBC empfehlen, Kommentare zu verwenden, um den Zweck und die Funktionalit?t des Codes zu erl?utern. Sie schlagen vor, Kommentare zu trennen Abschnitten der CSS -Datei zu verwenden und einen Kontext für komplexen oder ungew?hnlichen Code bereitzustellen. Dies steht im Einklang mit Best Practices für die Codierungsstandards, da Kommentare die Lesbarkeit und die Warteabteilung des Codes erheblich verbessern k?nnen.
Was sind die BBC -Richtlinien für die Bestellung von CSS -Eigenschaften?
Die CSS -Codierungsstandards der BBC geben keine bestimmte Reihenfolge für CSS -Eigenschaften an. Sie empfehlen jedoch, zusammenh?ngende Eigenschaften zusammenzusetzen, um die Lesbarkeit zu verbessern. Dies ist eine übliche Praxis in vielen CSS -Codierungsstandards, da der Code leichter zu verstehen und zu warten.
Wie handelt es sich bei den CSS -Codierungsstandards der BBC CSS -Selektoren?
Die CSS -Codierungsstandards des BBC empfehlen, Klassenauswahlern gegenüber ID -Selektoren zum Styling zu verwenden, da sie flexibler und wiederverwendbarer sind. Sie entmutigen auch die Verwendung von überm??ig spezifischen Selektoren, da sie den Code schwerer machen k?nnen und zu unn?tiger Komplexit?t führen k?nnen.
Was ist die Haltung der BBC für die Verwendung! Wichtig in CSS?
Die CSS -Codierungsstandards der BBC entmutigen die Verwendung von! Wichtig, da der Code schwieriger zu verstehen und aufrechtzuerhalten kann. Sie empfehlen, spezifischere Selektoren zu verwenden oder stattdessen die CSS -Regeln neu zu ordnen. Dies ist eine h?ufige Empfehlung in vielen CSS -Codierungsstandards, da die Verwendung von! Wichtig oft ein Zeichen für schlechte CSS -Architektur sein kann.
Wie n?hern sich die CSS -Codierungsstandards der BBC auf die Verwendung von Medienabfragen?
Die CSS -Codierungsstandards der BBC empfehlen, Medienabfragen zu verwenden, um die Website reaktionsschnell zu gestalten und sicherzustellen, dass sie auf verschiedenen Ger?ten korrekt angezeigt werden. Sie schlagen vor, Medienabfragen am Ende der CSS -Datei zu platzieren und sie basierend auf der Breite des Ansichtsfensters vom kleinsten zu gr??ten zu organisieren.
Was sind die BBC -Richtlinien für die CSS -Dateiorganisation?
Die CSS -Codierungsstandards der BBC empfehlen, die CSS -Datei logisch und konsistent zu organisieren. Sie schlagen vor, verschiedene Abschnitte der CSS -Datei mit Kommentaren zu trennen und verbundene Eigenschaften zu gruppieren. Dies kann die Lesbarkeit und Wartbarkeit des Codes erheblich verbessern.
Wie handelt es sich bei den CSS -Codierungsstandards der BBC mit CSS -Animationen und -überg?ngen?
Die CSS -Codierungsstandards der BBC empfehlen, CSS -Animationen und überg?nge sparsam zu verwenden, da sie manchmal zu Leistungsproblemen führen k?nnen. Sie schlagen vor, sie nur bei Bedarf zu verwenden, und um die Leistung der Website nach dem Hinzufügen von Animationen oder überg?ngen immer zu testen.
Das obige ist der detaillierte Inhalt vonHalten Sie sich an strenge CSS-Codierungsstandards im BBC-Stil?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Wie stelle ich eine HTTP -Anforderung in node.js?
Jul 13, 2025 am 02:18 AM
Es gibt drei g?ngige M?glichkeiten, HTTP-Anforderungen in Node.js zu initiieren: Verwenden Sie integrierte Module, Axios und Knotenfetch. 1. Verwenden Sie das integrierte HTTP/HTTPS-Modul ohne Abh?ngigkeiten, das für grundlegende Szenarien geeignet ist, jedoch eine manuelle Verarbeitung von Datengen?hten und Fehlerüberwachung erfordert, z. 2.Axios ist eine auf Versprechen basierende Bibliothek von Drittanbietern. Es verfügt über eine kurze Syntax und leistungsstarke Funktionen, unterstützt Async/Auseait, automatische JSON -Konvertierung, Interceptor usw. Es wird empfohlen, asynchrone Anforderungsvorg?nge zu vereinfachen. 3.Node-Fetch bietet einen Stil ?hnlich dem Browser-Abruf, basierend auf Versprechen und einfacher Syntax
JavaScript -Datentypen: Primitive VS -Referenz
Jul 13, 2025 am 02:43 AM
JavaScript -Datentypen sind in primitive Typen und Referenztypen unterteilt. Zu den primitiven Typen geh?ren String, Anzahl, Boolesche, Null, undefiniertes und Symbol. Die Werte sind unver?nderlich und Kopien werden bei der Zuweisung von Werten kopiert, sodass sie sich nicht gegenseitig beeinflussen. Referenztypen wie Objekte, Arrays und Funktionen speichern Speicheradressen, und Variablen, die auf dasselbe Objekt zeigen, wirkt sich gegenseitig aus. Typeof und Instanz k?nnen verwendet werden, um die Typen zu bestimmen, aber auf die historischen Probleme der TypeOfnull zu achten. Das Verst?ndnis dieser beiden Arten von Unterschieden kann dazu beitragen, einen stabileren und zuverl?ssigeren Code zu schreiben.
JavaScript Time Object, jemand erstellt eine EACTEXE, schnellere Website auf Google Chrome usw.
Jul 08, 2025 pm 02:27 PM
Hallo, JavaScript -Entwickler! Willkommen in den JavaScript -Nachrichten dieser Woche! Diese Woche konzentrieren wir uns auf: Oracas Markenstreit mit Deno, neue JavaScript -Zeitobjekte werden von Browsern, Google Chrome -Updates und einigen leistungsstarken Entwickler -Tools unterstützt. Fangen wir an! Der Markenstreit von Oracle mit dem Versuch von Deno Oracle, ein "JavaScript" -Marke zu registrieren, hat Kontroversen verursacht. Ryan Dahl, der Sch?pfer von Node.js und Deno, hat eine Petition zur Absage der Marke eingereicht, und er glaubt, dass JavaScript ein offener Standard ist und nicht von Oracle verwendet werden sollte
Handlingversprechen: Verkettung, Fehlerbehandlung und Versprechenkombinatoren in JavaScript
Jul 08, 2025 am 02:40 AM
Versprechen ist der Kernmechanismus für den Umgang mit asynchronen Operationen in JavaScript. Das Verst?ndnis von Kettenanrufen, Fehlerbehebung und Kombination ist der Schlüssel zum Beherrschen ihrer Anwendungen. 1. Der Kettenaufruf gibt ein neues Versprechen durch .then () zurück, um asynchrone Prozessverkampferung zu realisieren. Jeder. Dann () erh?lt das vorherige Ergebnis und kann einen Wert oder ein Versprechen zurückgeben; 2. Die Fehlerbehandlung sollte .Catch () verwenden, um Ausnahmen zu fangen, um stille Ausf?lle zu vermeiden, und den Standardwert im Fang zurückgeben, um den Prozess fortzusetzen. 3. Combinatoren wie Promise.All () (erfolgreich erfolgreich erfolgreich nach allen Erfolg), Versprechen.Race () (Die erste Fertigstellung wird zurückgegeben) und Versprechen.Allsettled () (Warten auf alle Fertigstellungen)
Was ist die Cache -API und wie wird sie bei Dienstangestellten verwendet?
Jul 08, 2025 am 02:43 AM
Cacheapi ist ein Tool, das der Browser zur Cache -Netzwerkanfragen bereitstellt, das h?ufig in Verbindung mit dem Servicearbeiter verwendet wird, um die Leistung der Website und die Offline -Erfahrung zu verbessern. 1. Es erm?glicht Entwicklern, Ressourcen wie Skripte, Stilbl?tter, Bilder usw. Zu speichern; 2. Es kann die Cache -Antworten entsprechend den Anfragen übereinstimmen. 3. Es unterstützt das L?schen bestimmter Caches oder das L?schen des gesamten Cache. 4.. Es kann Cache -Priorit?ts- oder Netzwerkpriorit?tsstrategien durch Servicearbeiter implementieren, die sich auf Fetch -Ereignisse anh?ren. 5. Es wird h?ufig für die Offline -Unterstützung verwendet, die wiederholte Zugriffsgeschwindigkeit, die Vorspannungs -Schlüsselressourcen und den Inhalt des Hintergrundaktualisierungss beschleunigen. 6. Wenn Sie es verwenden, müssen Sie auf die Cache -Versionskontrolle, Speicherbeschr?nkungen und den Unterschied zum HTTP -Caching -Mechanismus achten.
JS Roundup: Ein tiefes Eintauchen in die JavaScript -Ereignisschleife
Jul 08, 2025 am 02:24 AM
Die Ereignisschleife von JavaScript verwaltet asynchrone Vorg?nge, indem sie Call -Stapel, Webapis und Task -Warteschlangen koordinieren. 1. Der Anrufstack führt synchronen Code aus, und wenn er auf asynchrone Aufgaben begegnet, wird er zur Verarbeitung an Webapi übergeben. 2. Nachdem das Webapi die Aufgabe im Hintergrund abgeschlossen hat, wird der Rückruf in die entsprechende Warteschlange (Makroaufgabe oder Micro -Aufgabe) eingebaut. 3. Die Ereignisschleife prüft, ob der Anrufstapel leer ist. Wenn es leer ist, wird der Rückruf aus der Warteschlange herausgenommen und zur Ausführung in den Anrufstapel geschoben. V. 5. Das Verst?ndnis der Ereignisschleife hilft zu vermeiden, den Haupt -Thread zu blockieren und die Codeausführungsreihenfolge zu optimieren.
Ereignis verstehen und in JavaScript DOM -Ereignissen sprudeln und erfassen
Jul 08, 2025 am 02:36 AM
Ereignisblasen verbreiten sich vom Zielelement nach au?en zum Vorfahrknoten aus, w?hrend Ereignisfassungen sich von der ?u?eren Schicht nach innen zum Zielelement ausbreiten. 1. Ereignisblasen: Nach dem Klicken auf das untergeordnete Element l?st das Ereignis den H?rer des übergeordneten Elements nach oben aus. Nach dem Klicken auf die Schaltfl?che gibt es beispielsweise zuerst die untergeordnete und dann entzündete Eltern aus. 2. Ereigniserfassung: Stellen Sie den dritten Parameter auf True ein, so dass der H?rer in der Erfassungsstufe ausgeführt wird, z. B. das Ausl?sen des Capture -Listeners des übergeordneten Elements, bevor Sie auf die Schaltfl?che klicken. 3. Praktische Verwendungszwecke umfassen ein einheitliches Management von Ereignissen für Kinderelemente, Vorverarbeitung und Leistungsoptimierung von Abfangen. V.
Eine JS-Zusammenfassung von Funktionen h?herer Ordnung jenseits der Karte und des Filters
Jul 10, 2025 am 11:41 AM
In JavaScript -Arrays gibt es zus?tzlich zu MAP und Filter andere leistungsstarke und selten verwendete Methoden. 1. Reduzierung kann nicht nur summieren, sondern auch z?hlen, gruppen, flach Arrays ab und bauen neue Strukturen auf. 2. FindingIndex werden verwendet, um einzelne Elemente oder Indizes zu finden. 3. Einige und alles werden verwendet, um festzustellen, ob Bedingungen bestehen oder sich alle treffen. 4. SORT kann sortiert werden, wechselt aber das ursprüngliche Array. 5. Achten Sie darauf, das Array zu kopieren, wenn Sie es verwenden, um Nebenwirkungen zu vermeiden. Diese Methoden machen den Code pr?gnanter und effizienter.
