340 Shares 3585 views

Blocklayout div HTML-Tags

Noch vor etwa zehn Jahren in runet meist sogenannte tabellarische Layout verwendet. Aufgrund der Tatsache, dass die Standards von einigen Browsern signifikant voneinander verschieden waren, hatten wir nach einer Lösung zu suchen, die ordnungsgemäß in das Online-Dokument in allen Anwendungen anzeigen würden. Aber im Laufe der Zeit, die Entwicklung von Standards und der eher starr und unflexibel Tisch gut und reaktions kam Variable zu ersetzen Layout – Block. An der Spitze dieser Technologie ist das Prinzip der Verwendung von Elementen

. HTML-Dokumente in der Mehrzahl wurden auf der Basis von einzelnen Blöcken gebaut, die, im Gegensatz zu Tabellenlayout unabhängig voneinander sein kann.

Entstehung

Die zunehmende Komplexität von Web-Seiten und die Entwicklung der Computertechnologie haben dazu geführt, dass Web-Dokument wird in zwei Teile geteilt worden – der Rahmen (der HTML-Code) und Design (Style Sheets). Mit dieser beispiellosen Entwicklung der Bahn erreicht, sind die Ergebnisse, die wir nun in der Lage auf den meisten Websites zu betrachten. Zusätzlich zu den

HTML-Entwicklungsprozess zu verbessern erlaubt für jedes einzelne Element ihrer Design-Regeln zu bestimmen. Dies trug dazu bei Lesbarkeit von Webseiten zu verbessern und die Dokument Downloadzeit zu reduzieren. Nun sind die Suchmaschinen viel schneller und bessere Prozessinformationen auf der Website.

Standards und Validierung

Tag im HTML unter strikter Einhaltung der W3C-Standards verwendet (World Wide Web Consortium). die Seite Quelle Überprüfung hielt ein Spezialwerkzeug – den Validator, die (Scans und sucht) alle Arten von Fehlern auf der Seite analysiert. Seite gültig bedeutet, dass alle Tags richtig verwendet wurden, und in vollem Umfang die Anforderungen der Normen erfüllen.

Tags können Sie Blöcke erstellen, oder wie sie Container genannt werden. Die einzelnen Elemente können ineinander verschachtelt werden, wodurch die notwendige Struktur und Konfiguration Komplexität zu schaffen. Verwenden der

-Tag ohne Begleitung Klassenkennung oder praktisch nicht auftritt. Es wird von „gesichtslosen“ Element verursacht. Wenn er nicht eine Note vergeben, am Ende werden alle Behälter eine identische Konfiguration aufweisen.

Um ein wirklich richtig, das Dokument zu erstellen, müssen Sie die folgenden Tag Struktur der

Klasse verwenden = «a to_imya“. Drehen Sie auf den Namen der Klasse im Stylesheet, können Sie den Speicherort bestimmen, Größe und andere Parameter eines einzelnen Blocks in dem Dokument summiert werden.

Mit Klassen und IDs

Block

HTML kann als eine Kennung ID, Klasse und Klasse definiert werden. Im Gegensatz zu der ersten in die zweite ist, dass die ID nur einmal auf einer Dokumentseite verwendet wird. Das heißt, es wird verwendet, um die einzigartigen Elemente zu bestimmen, die nie mehr in dem Seitencode wiederholt. Class – Attribut können Sie die gleiche Anwendung Stilregeln auf mehrere Elemente. Dieser Ansatz vereinfacht die Entwicklung und Unterstützung des Kodex. Außerdem kann ein Objekt mehrere Klassen haben. Für eine korrekte Erkennung eines gemeinsamen Raumes.

Natürlich ist die Blockstruktur des Dokuments nicht impliziert die Verwendung von nur einem Tag

. Die Struktur von jeder Webseite wird immer andere Elemente sein. Darüber hinaus kann in selbst blockieren

Element eine andere Art der Anzeige hat. Dies geschieht, um die Eigenschaften Display. Das Element kann ein String oder eine Tabellenanzeige sein, die erheblich die Flexibilität bei der Verwendung des Geräts erhöhen und eine Webseite von jeder Konfiguration erstellen.

-Tag. HTML-Eigenschaften

Wie bereits oben erwähnt, wird der Tag nicht das Seitenlayout Fragment ändern und verwendet, um eine semantische Struktur mit der nachfolgenden Registrierung durch Stylesheets zu erstellen. einen Endtag für dieses Element zu verwenden ist obligatorisch.

Trotz der Tatsache, dass viele moderne Browser in der Lage sein wird, einen solchen Fehler zu erkennen, in einigen Fällen kann unclosed Tag verursachen „razvalivanie“ Dokumentstruktur und seine Anzeigefehler.

Da dieses Element ist ein Block, dann die, soweit sie Inhalte mit einer neuen Zeile beginnen umfassen. Um dieses Verhalten zu ändern, müssen Anzeigeeinheit ändern, um die Eigenschaftsparameter angezeigt werden. Neben verschachtelten Elementen Gruppierung

-Tag können Sie das Layout der Inhalte innerhalb es zu formatieren. Es verwendet das Attribut align, über die Sie Text oder Bild auf der linken Seite, rechts oder in der Mitte des übergeordneten Elements platzieren können.

Positioniersätzen

die Position Attribut können Sie das Verfahren zum Positionieren des ausgewählten Elements ändern. So gibt es drei Arten der Positionierung:

  • Statische (statisch) – der Standard. In diesem Fall ist das Element, in Übereinstimmung mit der Position im HTML-Code.
  • Relative (relative). In diesem Fall wird die Position des Objekts in der gleichen Weise berechnet, wie im Fall der statischen Positionierung, aber diese Funktion kann Ihnen die Position für Kinder ändern.
  • Absolute (absolut). Seine Position wird berechnet, relativ zu dem Elemente mit relativer Positionierung.

andere Attribute

oben und links Attribute werden verwendet Position relativ zu dem Ursprungspunkt zu ändern. Die Werte können sowohl positiv als auch negativ sein. Die Breite und Höhe des Blocks Elementattribute definierte Breite und Höhe sind. Wenn sie nicht im Stylesheet angegeben wurden, nimmt das Gerät die gesamte Breite des Elternelements auf. Wenn das Block-Gehalt nicht über die „Eltern“ Breite paßt, dann ist das Verhalten eines Elements wird durch das Attribut Überlauf bestimmt.

Wir hoffen, dass dieser Artikel geholfen hat, mit der Frage, was ein

in HTML zu beschäftigen.