Block Layout Divisiounen HTML

Och virun e puer zéng Joer an runet stäerkste oft sougenannte Tabelleform Layout benotzt. Wéinst der Tatsaach, datt de Standarden vun e puer Browser aus géigesäiteg vill verschidde waren, hu mir fir eng Léisung am Wanterschlof datt anstänneg der online Dokument an all Applikatiounen Kaart wier. Mä wéi Zäit riicht op, Entwécklungslänner Standarden, an der éischter steiwe an hie gerett Dësch gutt a reaktiounsfäeger huet ofwiesselnd ze schounen Layout blockéieren. Um Offäll vun dëser Technik ass de Prinzip vun benotzt Elementer . HTML-Dokumenter an der Majoritéit waren op der Basis vun eenzelne Bléck gebaut, déi, am Géigesaatz Dësch Layout onofhängeg vun all anere ginn.

Entstoe

D'waarden Komplexitéit vun Web Säiten an der Entwécklung vun Computer Technik huet zu der Tatsaach gefouert dass Web Dokument ass an zwee Deeler opgedeelt ginn - de Kader (der HTML-Code) an Design (Stil Blieder). Mat dëser Cargogesellschaft Entwécklung vun der Web erreecht, sinn d'Resultater vun deem mer elo kënnen op déi Siten ze Rapport. Nieft der HTML Entwécklung Prozess verbesseren erlaabt fir all eenzel Element vun hiren Design Regelen ze bestëmmen. Dëst gehollef readability vun Web Säiten ze verbesseren an d'Dokument download Zäit reduzéieren. Elo der Sich Motore vill méi séier a besser Prozess Informatiounen sinn op de Site.

Standarden a publizéieren

Tag an der HTML zu strikt Anhale mat W3C Standarden benotzt (World Wide Web Consortium). der Säit Quell Check ofgehalen engem speziellen Instrument - de validator, déi (scannt an Recherchen) all Zorte vu Feeler op der Säit heureux. Säit ass valabel heescht, datt all Tags richteg benotzt ginn hunn a voll d'Ufuerderunge vum Standarden treffen.

Tags erlaben Iech spären ze schafen, oder nodeems se Container genannt ginn. Déi eenzel Elementer ka gemaach ginn, doduerch déi néideg Struktur an Configuratioun Komplexitéit schafen. Mat der Tag dëse Klass Identifizéierer oder praktesch geschéien net. Et ass duerch "faceless" Element ëmmer. Wann hien net e Schouljoer uginn, an um Enn, gëtt all Behälter eng sëlwecht Configuratioun hunn.

Fir eng wierklech richteg d'Dokument ze schafen, muss Dir de folgenden Tag Struktur vun der Klass benotzen = «engem to_imya". Doriwwer, op den Numm vun der Klass an der Virlag, kanns de Standuert bestëmmen, Gréisst, an aner Parameteren vun enger eenzeger Spär am Dokument summing.

Benotzt Klassen an IDen

Block HTML kënnen als Identifizéierer ID, Klass an Klass definéiert ginn. Géigesaz zu der éischter bis déi zweet ass, datt d'Carte nëmmen eemol op engem Dokument Säit benotzt gëtt. Dat ass, ass et benotzt der eenzegaarteg Elementer ze bestëmmen dass méi ni am Säit Code widderholl. Klass Spezialfäegkeeten léisst Dir déi selwecht gëllen Stil Regele fir e puer Elementer. Dës Approche simplifies immens der Entwécklung an Ënnerstëtzung vum Code. Nieft, kann een Objet MÉI Klassen hunn. Fir adäquate Unerkennung vun engem gemeinsame Raum.

Natierlech, heescht der Spär Struktur vum Dokument net bestëmmten der Benotzung vun eenzegen Tag . D'Struktur vun all Web Säit gëtt ëmmer aner Elementer ginn. Zousätzlech, kann an sech Spär Element eng aner Zort vun Kaart hunn. Dëst ass geschitt d'Eegeschafte Kaart benotzt. D'Element kann engem String oder engem Dësch Kaart ginn, déi vill d'Flexibilitéit vun Benotzung vun der Eenheet méi kann an enger Websäit vun all Configuratioun schafen.

Tag. HTML-Eegeschafte

Wéi schonn uewen ernimmt, heescht de Tag net der Säit Layout Brochstéck änneren a benotzt engem Gebai Struktur mat der Kierzunge Aschreiwung vun Stil Blieder ze schafen. e Feierowend Tag fir dëst Element benotzt ass obligatoresch.

Trotz der Tatsaach, datt vill modern Browser gebass ginn esou engem virbildlechen Ugrëff ze erkenne, an e puer Fäll, kann unclosed Tag Cause "razvalivanie" Dokument Struktur an hirer Haaptsäit Echec.

Zanter dësem Element ass eng Spär, dann d'Ausmooss datt et Inhalt mat enger neier Linn wäert fänken Krankheeten. Fir dëst Verhalen änneren mussen Haaptsäit Eenheet änneren der Propriétéit Parameteren ginn. Nieft gemaach Elementer Glidderung Tag erméiglecht Iech de Layout vum Inhalt bannent et zu Format. Et benotzt d'fir Spezialfäegkeeten, duerch déi Dir Text oder Bild iwwert déi lénks, riets, oder Zentrum vun der Elterendeel Element Plaz kënnt.

Positionéierung Bléck

der Positioun Spezialfäegkeeten benotzt erlaabt Dir der Method vun positionéiert der gewielter Punkt ze änneren. Also sinn et dräi Zorte vu positionéiert:

• Statesch (statesch) - de Standard. An dësem Fall ass d'Element am Aklang mat der Positioun vun der HTML-Code.
• Relativ (relativ). An dësem Fall, ass de Sëtz vun der Objet an déi selwecht Manéier berechent wéi am Fall vun statesch positionéiert, mä dës Fonktioun erlaabt Dir der Positioun fir Kanner ofzesécheren.
• Absolut (absolute). Seng Positioun ass berechent relativ zu der Element mat relativ positionéiert.

aner Attributer

uewen a lénks Attributer sinn benotzt Positioun relativ zu de Punkt vun Urspronk ofzesécheren. Wäerter kënnen esouwuel positiv an negativ ginn. Der Breed an Héicht vun der Spär Element Attributer definéiert Breed an Héicht bzw.. Wann se net am Stil Blat uginn huet, dauert der Eenheet déi ganz Breet vun der Elterendeel Element huet. Wann der Spär Inhalt net an der "Elteren" Breet heescht fit, dann d'Behuele vun engem Element ass vun der Spezialfäegkeeten absolut näischt soen alles.

Mir hoffen mat dësem Artikel gehollef huet mat der Fro vun wat e zu HTML ze këmmeren.