Die Syntax zur Verhinderung einer Anzeige im HTML-Format
Webentwickler können mit einer Kombination aus HTML und Cascading Style Sheet Code Seitenelemente ausblenden. Um diese Technik zu verwenden, muss eine Seite Elemente enthalten, die innerhalb der CSS-Code der Website zugeordnet identifiziert werden können. Die CSS-Eigenschaften für Anzeige und Sichtbarkeit können beide verstecken HTML-Elemente, aber sie tun es auf leicht unterschiedliche Weise. Entwickler müssen entscheiden, wie sie versteckte Elements, das die übrigen sichtbaren Elemente innerhalb einer Seite zu beeinflussen, wenn ein Verfahren auswählen.
CSS
Eine Website kann visuelle Gestaltung mit einem oder mehreren Bereichen der CSS-Code implementieren. Entwickler können diesen Code in Markup der Web-Seite oder in eine separate Datei, die zum aus im Kopfabschnitt Seite wie folgt verbunden ist enthalten:
< link Rel = "Stylesheet" Type = "Text/Css" href="mypagestyle.css" / >
Dieser Code verbindet eine Datei als "mypagestyle.css", die im selben Verzeichnis wie die Seite selbst gespeichert wird gespeichert. Innerhalb der CSS-Datei können Entwickler alle Styling-Eigenschaften enthalten, die sie mögen, bestimmen die Darstellung und Anordnung der Elemente im HTML-Markup.
Bezeichner
CSS-Code verwendet Identifikatoren für Stil bestimmter HTML-Elemente. Das folgende Beispiel-HTML-Markup veranschaulicht das Erstellen ein Element mit einem Klassenattribut:
< Div Class = "ausblenden" > hier sind einige Worte zu verbergen < / Div >
Innerhalb der CSS-Code dieser Seite zugeordnet identifiziert die folgende Syntax alle Elemente mit dem Attribut angegebene Klasse:
.Hide {}
/CSS-Deklarationen hier/
}
Um nur Elemente vom Typ "Div" mit dem Attribut zu identifizieren, können CSS den folgenden Code verwenden:
{div.Hide}
/CSS-Deklarationen hier/
}
Innerhalb dieses Abschnitts der CSS-Code kann ein Entwickler enthalten alle Styling-Eigenschaften erforderlich, einschließlich das Element ausblenden, wenn dies erforderlich ist.
Anzeige
Die CSS-Eigenschaft Display kann eine Reihe von möglichen Werte nehmen. Kein Wert teilt dem Browser nicht zu das betreffenden Element überhaupt anzuzeigen. Der folgende CSS-Beispielcode veranschaulicht diese Technik:
anzeigen: keine;
Jedes Element, das dieser Code gilt wird nicht im Browser angezeigt, wenn der Benutzer die Seite anzeigt. Als ob die ausgeblendeten Elemente nicht, gibt es mit anderen Elementen, die Besetzung von Raum, dem die ausgeblendete Elemente könnte sonst innerhalb erschienen sind, wird die Seite gerendert.
Sichtbarkeit
Die Visibility-Eigenschaft in CSS auch blendet Elemente, aber ohne Auswirkungen auf das Seitenlayout. Das heißt, wenn Sichtbarkeit "versteckte", dass eingestellt ist eine Seite noch Bereich widerspiegeln, den die ausgeblendete Elemente besetzen würde, wenn sie dort waren. Der folgende CSS-Code veranschaulicht, wie die Visibility-Eigenschaft:
Sichtbarkeit: versteckt;
Diese Eigenschaft ist vorzuziehen, wenn der ausgeblendete Inhalt wird sich irgendwann sichtbar gemacht werden, während der Benutzer die Seite ansieht. Einige Entwickler implementieren Effekte wie folgt mithilfe von JavaScript-Funktionen. Wenn ein zuvor ausgeblendetes Element sichtbar wird, wenn die Display-Eigenschaft verwendet wurde, werden angepasst, das Seitenlayout müssen angepasst die sichtbaren Elemente springen um machen kann. Die Visibility-Eigenschaft verwenden, wird dieses Problem vermieden.