Mulți oameni care sunt noi în designul web și HTML / CSS utilizează și Elementul div definește diviziuni logice pe pagina dvs. Web. Este în principiu o casetă în care puteți plasa alte elemente HTML care merg logic împreună. O diviziune poate avea mai multe elemente în ea, cum ar fi paragrafe, titluri, liste, link-uri, imagini etc. Poate avea chiar și alte diviziuni din interiorul său pentru a oferi structură și organizare suplimentară documentului dvs. HTML. Pentru a utiliza elementul div, așezați-l deschis id = "myDiv">
) sau un selector de clasă (de exemplu, class = "bigDiv"> Elementul div este diferit de elementul secțiunii HTML5 deoarece nu dă conținutului închis nici un sens semantic. Dacă nu sunteți sigur dacă blocul de conținut ar trebui să fie div sau o secțiune, gândiți-vă la ce scop al elementului și al conținutului vă vor ajuta să decideți ce să utilizați: În cele din urmă, ambele diviziuni și secțiuni se comportă destul de asemănător și le puteți da oricare dintre ele valori de atribute și stil cu CSS pentru a obține aspectul site-ului dvs. de care aveți nevoie. Ambele sunt elemente de nivel de bloc. Elementul span este implicit un element inline. Acest lucru îl diferențiază de elementele div și de secțiune. Elementul de acoperire este adesea folosit pentru a înfășura o anumită bucată de conținut, în mod normal, text, pentru a-i da un "cârlig" suplimentar, care poate fi ulterior desenat. Folosit cu CSS, poate schimba stilul textului pe care îl închide; cu toate acestea, fără atribute de stil, elementul de span nu are niciun efect asupra textului. Aceasta este diferența principală dintre elementele span și div. Așa cum am menționat mai sus, elementul div include o pauză de paragraf, în timp ce elementul de span numai indică browserului să aplice regulile de stil asociate CSS la ceea ce este inclus în Etichete: Text evidențiat și textul ne-evidențiat. Adaugă class = "highlight"
sau o altă clasă a elementului span pentru a modela textul cu CSS (de ex. class = "highlight">
). Elementul span nu are atributele necesare, dar cele trei care sunt cele mai utile sunt aceleași cu cele ale elementului div: Utilizați intervalul atunci când doriți să schimbați stilul conținutului fără a defini acel conținut ca un nou element la nivel de bloc în document. De exemplu, dacă doriți ca cel de-al doilea cuvânt al unei rubrici h3 să fie roșu, puteți înconjura acest cuvânt cu un element de tip span, care ar folosi acel cuvânt drept text roșu. Cuvântul rămâne în continuare parte a elementului h3, dar acum este afișat și în roșu: Utilizarea
). Ambele atribute pot fi apoi selectate folosind CSS sau modificate folosind JavaScript. Cele mai bune practici actuale se bazează pe folosirea selectorilor de clasă în locul ID-urilor, parțial din cauza modului în care sunt selectori specifici de identificare. În adevăr, totuși, ați putea folosi oricare dintre ele și puteți da chiar și o diviziune atât unui ID, cât și unui selector de clasă
Utilizarea Element
Acesta este titlul meu minunat
elemente în mod interschimbabil pe măsură ce construiesc pagini web. Realitatea este însă că fiecare dintre aceste elemente HTML are scopuri diferite. Învățarea utilizării fiecăruia în scopul propus vă va ajuta să dezvoltați pagini web mai curate, care sunt mai ușor de gestionat în general.
Element
etichetați în fața zonei paginii pe care o doriți ca o diviziune separată și închideți-o
eticheta după ea:
conținutul div
Dacă zona paginii dvs. are nevoie de câteva informații suplimentare pe care le veți folosi pentru a modela cu CSS mai târziu, puteți adăuga un selector de id (de ex.
Impotriva
