Utilizați span și div cu CSS pentru un control mai mare al stilului și aspectului.
Mulți oameni care sunt noi în designul web și în HTML / CSS utilizează elementele ș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, plasați o etichetă 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 exemplu, id = "myDiv">) sau un selector de clasă (de exemplu, class = "bigDiv">). 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. Cu adevărat, totuși, ai putea folosi oricare dintre ele și chiar poți da o diviziune atât unui ID, cât și unui selector de clasă. Când să utilizați 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 tip span doar spune browserului să aplice regulile de stil asociate CSS la ceea ce este cuprins de etichetele : Textul evidențiat și textul ne-evidențiat. Adăugați elementul class = "highlight" sau altă clasă în elementul span pentru a modela textul cu CSS (de exemplu, 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: Editat de Jeremy Girard în 2/2/17 Utilizând elementul
Utilizând elementul
Acesta este titlul meu minunat