Mit Cascading Stylesheets (CSS) können Sie Aussehen und Design der Internet-Seite organisieren. Eine der am häufigsten verwendeten Eigenschaften und ihre Werte ist "display: none".
Die Eigenschaft selbst ist vielseitig und definiertdie Art der Elementanzeige im Dokument. Je nach den spezifischen Werten kann ausgewählte Seite den Blockabschnitt angezeigt werden, linear, als eine Liste von Elementen als Teil der Tabelle, und so weiter. D. So aufgrund der Eigenschaft „Anzeige“ kann die Art des Blockes ändert in dem Dokument.
Wie für das Bündel "Eigenschaftswertanzeige:none, "ermöglicht es Ihnen, ein Element oder einen Block aus dem Dokument zu entfernen, und der Platz für diesen Teil der Seite ist nicht reserviert, dh es fällt aus dem Stream. Alle Elemente, die hinter dem" deleted "sind, sehen es einfach nicht und ignorieren die Größe und Position davon Um ein ausgeblendetes Objekt zurückzugeben, müssen Sie auf das Dokument über Skripts zugreifen, die einfach den Wert der Eigenschaft in das erforderliche Format ändern, und die Seite wird automatisch mit dem neuen Objekt formatiert.
Trotz der Tatsache, dass sich am Ende beide Eigenschaften versteckenElement vom Benutzer, ist ihr Betriebsprinzip deutlich anders. Wie oben erwähnt, entfernt der Parameter "display: none" das Element vollständig aus dem Dokument. Der Block fällt aus der Seite und belegt somit keinen Platz darin. In diesem Fall bleibt das Objekt selbst im HTML-Code.
Im Gegenzug, die Eigenschaft "Sichtbarkeit:Versteckt "blendet das Element vor dem Benutzer aus, entfernt es jedoch nicht aus dem Dokumentmodell. Daher behält die Seite einen reservierten Platz für diesen Block bei, dh der Dokumentenstrom erkennt und berücksichtigt den Standort und die Dimensionen des Elements mit der Eigenschaft" visibility: hidden ". wie auch ohne es.
Dieser Unterschied in der Organisation der Dokumentstruktur mit diesen beiden Eigenschaften ermöglicht Ihnen, das notwendige Ergebnis für die korrekte Anzeige der Seite zu erreichen.
Internet-Dokument können Sie verwendenmehrere Optionen zum Bestimmen der Eigenschaft eines Elements. Vor allem Anzeige: Keiner kann in einer separaten Datei von Cascading Stylesheets registriert werden. Diese Methode ist am weitesten fortgeschritten und korrekt, da Sie alle Selektoren, Klassen und ihre Eigenschaften in einem separaten Dokument darstellen können. Ein solches Modell ermöglicht es, Seitenparameter sehr schnell zu finden und zu ändern.
Die zweite Option besteht darin, Stile zu definierender Titel des Dokuments zwischen dem Stil. Die Effektivität dieser Methode ist viel geringer. Es wird empfohlen, es nur in extremen Fällen zu verwenden, da sich die Lesbarkeit der Seite durch den Webdesigner bei Vorhandensein einer großen Anzahl von Stilen erheblich verschlechtert. Dies führt zu Fehlern und verlangsamt den Entwicklungsprozess eines Internetdokuments. Dieser Ansatz wird nur empfohlen, wenn Sie diesem Tag eine kleine Anzahl von Stilen hinzufügen oder ein Dokument debuggen.
Es sollte daran erinnert werden, dass wenn eine solche MethodeOrganisation von Arten ist in dem Dokument befindet niedriger ist als eine separate Stylesheet importieren, die überlappenden Eigenschaften von jenen überschrieben werden, die im Körper des Dokument html sind.
Eine andere Möglichkeit ist hinzuzufügendirekt in das Element des Codeelements "style = display: none;". Dieser Ansatz wird häufig bei der Arbeit mit verschiedenen Frameworks verwendet, um die Anzahl der Eigenschaften direkt im Stylesheet zu reduzieren und sie im Internetdokument selbst anzuzeigen. Darüber hinaus tritt eine solche Aufzeichnung häufig auf, wenn die Seite "Codeinspektor" angezeigt wird. Es ist wichtig zu beachten, dass Sie mit dieser Methode die Eigenschaft und ihren Wert ändern können, die im Stylesheet angegeben sind. Daher sollten Sie vorsichtig sein, als Ergebnis können Sie zusätzliche Probleme für sich selbst erstellen und einige Zeit damit verbringen, nach Fehlern im Seitencode zu suchen und diese zu beheben.
Erwähnenswert ist auch das zusätzlichedie Möglichkeit, diese Eigenschaft zu ändern. Es gilt nicht für das Stylesheet und den HTML-Code, sondern für die Skriptsprache. Für seine Anwendung ist es daher notwendig, zumindest einige Kenntnisse in diesem Bereich zu haben. Um ein Element aus dem Dokumentenstrom zu entfernen, können Sie die JavaScript-Eigenschaft "display = none" verwenden. Sie können die Struktur eines Dokuments ändern, wenn ein bestimmtes Ereignis eintritt. Dank der Verwendung von Skripten können Sie dynamisch ("on the fly") den Eigenschaftsparameter ändern und dadurch die Seitenansicht aktualisieren, ohne sie neu starten zu müssen. Dieser Ansatz ist nützlich bei der Organisation von Dropdown-Menüs, modalen Fenstern und Formularen.
Im Bereich der Optimierung von Web-Inhalten für die SucheEs gibt viele Aberglauben und unklare Momente. So betrachten viele Anfänger SEOShniki die Verwendung der "Anzeige" -Eigenschaft eine schlechte Art und Weise. Sie erklären dies durch die Tatsache, dass die Suchmaschinen, die versteckten Inhalt sehen, beginnen, die Seite als Spam zu betrachten. In ihren Worten gibt es einen Teil der Logik, aber nicht mehr. Zu diesem Zeitpunkt wird die Eigenschaft zum Verbergen eines Objekts oft genug verwendet, um Dropdown-Menüs zu formatieren und Teile des Dokuments auszublenden, die für den Benutzer derzeit nicht interessant sind (wenn beispielsweise eine Kategorie ausgewählt ist, werden Informationen über die andere gelöscht). Dieser Ansatz wird von ziemlich mächtigen Internet-Portalen verwendet (eines davon ist "Amazon"). Daher können die Suchroboter die Eigenschaft "display: none" nicht als Spam verwenden.
Eine andere Sache ist, wenn ein solcher Ansatz verwendet wirdeinzelne Wörter und Symbole verstecken. Trotz der Tatsache, dass die Suchroboter noch nicht über die perfekten Algorithmen verfügen, um solche "Spam" in Dokumenten zu erkennen, ist die Wahrscheinlichkeit, dass die Seite dabei erwischt wird, ziemlich hoch. Daher wird empfohlen, die Eigenschaft "display" ausschließlich für diesen Zweck zu verwenden, um den Blocktyp zu ändern oder vorübergehend vor den Augen des Benutzers zu verbergen.
