Aduprate l'Elementu HTML è Div

Utilizà span and div con CSS para un maior control di stile è di mudellu.

Parechje persone chì sò novi à u web design è HTML / CSS utilizate l'elementi è

indivinmente cumu si custruiscenu ei web. A rialtà, però, hè chì ogni unu di sti elementi HTML ponnu serve diversi scopi. L'apprendre à utilizà cada un per u so destinazione hè aiutu per aiutà à sviluppà pane di web più neve chì u codice hè più faciule per gestisce in generale.

Utilizà l'element

L'elementu div define a divisioni lògichi nantu à a vostra pagina web.

Hè basu solu una scatula in quale pudete mette altre elementi HTML chì lòggicamente si aghjunghji. A divizzione pò avè parechje àutri elementi in ellu, cum'è i paragrafi, e rùtti, listi, ligami, imaghjini, etc. Puderete puru altri divisioni di l'internu per furnisce struttura e l'organizazione supplementarii à u vostru ducumentu HTML.

Per utilizà l'elementu div, posto un tag

apertu à l'area di a vostra pagina chì vulete cum'è una divizia distinta è una taglia estrema warajha:

cuntenutu di div

Se l'area di a vostra pagina precisa una infurmazione supplementaria chì avete usatu l'altru cun CSS dopu, pudete aghjunghje un selector di l'identità (per esempiu,

id = "myDiv">), o un selettore di scola (per esempiu, class = "bigDiv">). Tutti dui attributi pò esse selezziunate cù CSS o mudificate cù JavaScript. I prublemi prufessiunale attuale à l'usu di i selezziunisti di classa invece d'ID, in parte perchè cumu secondu selezzione di identità specificu. In verità, uttene, pudete usà unu è pò ancu darà una division o una ID è un selettore di classa.

Quandu si usa

Versus

L'elementu div è distintu da l'elementu di sezzione HTML5 perchè ùn ùn dà u cuntenutu inturniatu qualsiasi significatu semàntantu. Se ùn site micca sicuru chì u bloque di cuntenutu deve esse div un seccu, pensate chì u propiu di l'elementu è u cuntenutu sò aiutate à decisu chì u usu:

  • Sè avete bisognu di l'elementu solu per aghjunghje stili à quella area di a pagina, avete aduprà l'elementu div.
  • Se u cuntenutu à esse cuntene un focusu distinto è puderebbenu nantu à a so propiu, pudete vulete aduprà l'elementu di secondu.

In ultimamente, ei divs e sezzioni sò cumportanu bè in u sensu è pudete dà unu di elli attribuite valuri è stile cun CSS per l'apparenza di u vostru situ chì avete bisognu. Tutti dui sò l'elementi di u nivellu.

Utilizà l'element

L'elementu di scala hè un elementu in lincuatru da u funziunamentu. Questu si distingue di e elementi di div è sizzioni. L'elementu di scommentu hè spessu usatu per adimpire un pezzu di cuntenutu specificu, normalment testu, per dà un "ganso" supplementariu chì pò esse stilatu più tardi. Utilizatu cù CSS, pò cambià u stile di u testu chì agisce; in ogni modu, senza alcunu estru qualità, l'elementu di scommentu ùn hè micca effetti nant'à u testu in tuttu.

Questa hè a principalità diffarenza tra u span è l'elementi div. Cumu l'anu dettu, l'elementu div cuntene un paràgrafu per u paràgrafu, mentri chì l'elementu di scuperta ùn diriva solu u navigatore per applià i reguli d'associu CSS à quale hè chjoppulatu da l'tag :


Testu persunalizatu è testu in notte alcune

Aghjunghjite a class = "highlight" o altre class à l'elementu span à u stile di u testu cù CSS (per esempiu, class = "highlight">).

L'elementu di scala ùn hè micca attribute necessariu, ma e trè chì sò i più utuli sò listessi di l'elementu div:

  • stile
  • class
  • id

Utilice u span quan vulete mudificà l'estilu di cuntenutu senza definisce chì cuntenutu com'è un novu elementu di blocu in u documentu.

Per esempiu, sè vo vulete chì a seconda parola di un capu H3 per esse rossu, puderete circundà quella parolla cù un elementu di scommentu chì puderia stile una parolla solu in testu rosatu. A parolla still remains part of the h3 element, ma issa mostra in russu:

Questu hè u mio core stimatu

Edited di Jeremy Girard u 2/2/17