Ist es in Ordnung, alle Dinge mit Anzeige zu verstecken: keine?

StackOverflow https://stackoverflow.com/questions/2289749

  •  21-09-2019
  •  | 
  •  

Frage

Ist es in Ordnung, irgend etwas vorübergehend zu verbergen oder für immer display:none mit? in dynamischen Ort, an dem viele Komponenten von Seite aus verschiedenen kommenden Plugins etc. und viele Zeit, wenn der Client auf Seite keine Sache wollen, dann verwende ich dispaly:none zu verstecken Dinge ab Seite. Ich entferne nicht, was von der tatsächlichen Quelle, weil Client kann fragen wieder kommen, das Ding zu ermöglichen.

so was Vor- und Nachteile der Dinge verstecken display: none, wenn ich jedes Element verstecken halte mit Display:none für immer

?

ist es Nachteile in Bezug auf SEO, Screen-Reader, Zugänglichkeit etc?

War es hilfreich?

Lösung

Pros: Sehr einfach zu tun

Nachteile:

  • Sie laden immer noch die Komponenten auf der Serverseite und der Client herunterladen. Der Browser wird nicht einfach "Show" sie.
  • Jeder „Quelltext anzeigen“ können Sie in der Lage sein, die Werte zu sehen, die „versteckt“ sind. so dass es nie sensible Informationen zu verbergen verwenden.

Sie können einfach „Kommentar“ diese Seite Abschnitt Server eine Menge Verarbeitung auf dem Server zu speichern, Bandbreite, etc.

Andere Tipps

Wenn der Kunde will es entfernt, erstellen Sie eine Sicherungskopie der Seite und senden Sie uns eine Seite, dass hat es tatsächlich entfernt. Sie ersetzen CSS nicht für wirklich ein Element zu entfernen. Wenn sie sich entscheiden, sie es in der Zukunft wollen, dann gehen Sie in und tauschen Sie Ihre Backup für Ihre Live-Kopie. Wenn Sie es zu tun mit dynamischem Ausgang (im Fall von PHP oder einer vergleichbaren Technik) Sie, dass bestimmte Ausgabe mit Kommentaren zurückhalten können, so sind sie nie in der Antwort enthält.

Es ist wahrscheinlich auch erwähnenswert, hier, dass einige Suchmaschinen (Google zum Beispiel) nehmen Lager von verstecktem Inhalt.

Hiding große Mengen an Text display:none; verwendet, ist eines der Dinge, viele Suchmaschinen als Keyword-Spamming abholen.

:)

Es ist sinnvoll, um hide / show Sachen mit ‚display: none‘, wenn Sie clientseitige Ajax tun. Auf diese Weise können Ansichten / Reiter ohne dabei Server Roundtrip wechseln.

Es ist notwendig, um tatsächlich etwas von der Seite Markup zu entfernen, wenn es Auswirkungen auf die Sicherheit. Wenn ein Benutzer nicht das Recht haben einige sensible Informationen, um zu sehen, sollte es nicht da sein, wenn sie die „Anzeigequelle“ klicken.

display: none ist gut zu verstecken Dinge, die Sie sichtbar sein sollen, wenn die Leute CSS deaktivieren oder Verwendung Browser das tut Unterstützung CSS.

Was Zugänglichkeit geht, gibt es eine gute Chance, dass etwas mit versteckten „display: none;“ nicht durch einen Screen-Reader gelesen werden. Dies kann akzeptabel sein, wenn Sie beabsichtigen, es auf diese Weise zu sein.

Eine mögliche Alternative zu verstecken Inhalt für Bildschirm-Leser / css-Angebote sind nur diese Klasse zu verwenden: 

.offscreen {
    position: absolute;
    left: -9000px;
    width: 0;
    overflow: hidden;
}

Und das folgende HTML: 

<h3 class="offscreen">Site Navigation</h3>

Für vollständige Informationen über Versteck Techniken: http://www.access-matters.com / 2005/04/23 / Screen-Reader-Test-Ergebnisse /

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top