YnternetWeb Design

Block opmaak div HTML tags

Sels guon tsien jier lyn yn runet meast faak brûkt saneamde tabular jaske. Fanwege it feit dat de noarmen fan inkele blêders wiene gâns oars út elkoar, wy moasten te sjen nei in oplossing, dat soe goed werjaan de online dokumint yn alle applikaasjes. Mar as de tiid gong op, ûntwikkeljen standerts, en te ferfangen de frijwat stive en flektierbar tafel kamen goed en reagearjen fariabele block opmaak. Op it foarop fan dizze technology is it prinsipe fan it gebrûk fan eleminten

. HTML-dokuminten yn de mearderheid waarden boud op basis fan yndividuele blokken, dy't, oars as tabel opmaak kin wêze ûnôfhinklik fan elkoar.

opkomst

De tanimmende kompleksiteit fan websiden en de ûntwikkeling fan de kompjûter technology hat laat ta it feit dat web dokumint is ferdield yn twa dielen - de frame (de HTML-koade) en design (stylblêden). Mei dizze behelle net earder meimakke ûntwikkeling fan it web, de resultaten fan dat binne wy no by steat om te neitinke oer op de measte sites. Neist it ferbetterjen fan de

HTML ûntwikkeling proses tastien om te bepalen foar elke yndividuele elemint fan harren design regels. Dat holp om lêsberens te ferbetterjen fan websiden en ferminderje it dokumint download tiid. No de sykmasines folle flugger en bettere proses ynformaasje beskikber op 'e side.

Noarmen en falidaasje

tag yn de HTML brûkt yn strang neilibjen W3C noarmen (World Wide Web Consortium). Kontrolearjen de side boarne holden in spesjale ark - de wierheid te kontrolearjen, dat parses (scans en sykopdrachten) allerhanne flaters op 'e side. Side is jildich betsjut dat alle tags binne brûkt goed en folslein oan de easken fan 'e noarmen.

tags tastean jo te meitsjen blokken, of sa't se hjitte containers. De yndividuele eleminten kinne wurde nested, dêrmei it meitsjen fan de nedige struktuer en konfiguraasje kompleksiteit. Mei help fan de
tag unaccompanied klasse identifier of praktisch net foarkomme. It wurdt feroarsake troch "Faceless" elemint. As er net tawize in klasse, yn 'e ein, alle containers sille hawwe in identike konfiguraasje.

Om te meitsjen in wier korrekt it dokumint, moatte jo gebrûk meitsje fan de folgjende tag struktuer fan de

class = «in to_imya". Kearde op 'e namme fan' e klasse yn 'e stylblêd, kinne jo bepale de lokaasje, de grutte en oare parameters fan summing ien blok yn it dokumint.

Mei help fan klassen en IDs

Block

HTML kin wurde definiearre as in identifier id, klasse en klasse. Oars as de earste nei de twadde is dat it id wurdt allinnich brûkt ien kear op in dokumint side. Dat is, dat brûkt wurdt om te bepalen de unike eleminten dy't nea mear werhelle yn de side koade. Klasse skaaimerk lit jo jilde deselde styl regels oan ferskate eleminten. Dy oanpak sterk simplifies de ûntwikkeling en stipe fan it wetboek. Boppedat, de iene foarwerp kin ha meardere klassen. Foar goede erkenning fan in dielde romte.

Fansels, it blok struktuer fan it dokumint net automatysk it brûken fan mar ien tag

. De struktuer fan in webside sil altyd wêze oare eleminten. Boppedat, yn himsels blokkearje
elemint kin hawwe in oar soarte fan werjefte. Dat wurdt dien mei help fan 'e eigenskippen display. It elemint kin wêze in tekenrige of in tafel display, dat kin gâns fergrutsje de fleksibiliteit fan it brûken fan de ienheid en meitsje in webside fan in konfiguraasje.

tag. HTML-eigenskippen

Sa't al neamd boppe, de tag net feroarje de side opmaak fragmint en brûkt foar it meitsjen fan in semantyske struktuer mei de lettere registraasje troch stylblêden. Mei help fan in ôfslutende tag foar dizze elemint is ferplichte.

Nettsjinsteande it feit dat in protte moderne browsers sil by steat wêze om te erkennen sa'n flater, yn guon gefallen, sluten tag kin feroarsaakje "razvalivanie" dokumint struktuer en syn werjefte falen.

Sûnt dit elemint is in blok, dan it safier dat it slaat faken ynhâld sil begjinne mei in nije rigel. Om wizigjen fan dit gedrach moat feroarje display ienheid displaying it eigendom parameters. Neist groepearjen briede eleminten

tag kinne jo foar de opmaak fan de ynrjochting fan de ynhâld binnen is. It brûkt de align skaaimerk, troch hokker kinne jo pleatse tekst of foto op de linker, rjochts, of sintrum fan 'e âlder elemint.

positioning blokken

Mei help fan de posysje skaaimerk kinne jo feroarje de metoade fan de posysje fan it selektearre item. Sa binne der trije soarten fan posysjonearring:

  • Statyske (statyske) - de standert. Yn dit gefal, it elemint is yn oerienstimming mei de posysje yn de HTML-koade.
  • Relative (relative). Yn dit gefal, de lokaasje fan it foarwerp is berekkene op deselde wize as yn it gefal fan statyske positioning, mar dizze funksje kinne jo feroarje de posysje foar bern.
  • Absolút (absolute). Syn posysje is berekkene relatyf oan it elemint mei relative posysjonearring.

oare attributen

boppe en lofts attributen wurde brûkt om te feroarjen posysje relatyf oan de punt fan komôf. Wearden kin wêze sawol posityf as negatyf. De breedte en hichte fan it blok elemint attributes definiearre breedte en hichte, resp. As se waarden net oantsjutte yn it stylblêd, de ienheid sil de hiele breedte fan de âlder elemint. As de blok ynhâld past net oer de "âlder" width, dan it gedrach fan in elemint wurdt bepaald troch it predikaat oerrin.

Wy hoopje dit artikel hat holpen om te gean mei de fraach wat in

yn HTML.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 fy.atomiyme.com. Theme powered by WordPress.