Easywd.lv Kā izveidot mājas lapu

HTML bloki, par div un span, ieskats

Lietotāju novērtējums:  / 2
SliktākaisLabākais 


HTML elementus var savienot un grupēt kopā ar <div> un <span>.


HTML bloka elementi

Lielākā daļa HTML elementu tiek definēti kā bloka līmeņa elementi vai arī kā inline
elementi.

Bloka līmeņa elementi parasti sākas (un beigas) ar jaunu līniju, kas ir redzams
pārlūkprogrammā.

Piemēri: <h1>, <p>, <ul>, <table>, <div>


HTML Inline (līnijas) elementi

Inline elementi parasti tiek parādīti neuzsākot jaunu līniju.

Piemēri: <b>, <td>, <a>, <img>


HTML <div> Elements

HTML <div> elements ir bloka līmeņa elements, kas var un parasti arī IR izmantots 
konteiners grupēšanai un satur citus HTML elementus.

 <div> Elementam pēc noklusējuma nav īpašas nozīmes. Izņemot to, ka tas ir bloka līmeņa elements, pārlūkprogramma parādīs rindiņas pārtraukumu pirms un pēc tā.

Ja to lieto kopā ar CSS, <div> elements var tikt izmantots, lai iestatītu stilu atribūtiem,
elementiem, kas ir iekšā, atrodas tajā tegā.

 Šobrīd ja apskatīties, ka tiek veidotas web lapas, izmantojot 
viewPageSource, var redzēt, 
ka <div> tegs ir izmantots visur vairāk
vai mazāk, tas nozīmē ka Jums jāsaprot tā tega 
būtība, jo pēc tam 
bieži nāksies to izmantot. Manā vietnē, nākošais raksts būs par
LAYOUT (izkārtojums) 
izveidošanu, iesaku to apskatīties.

Vēl viena kopīga izmantošana <div> elements, ir dokumenta noformēšanā. Tas aizvieto
"veco ceļu" definēt izkārtojumu, izmantojot tabulas. 
Izmantojot <table> elementus 
izkārtojums nav pareiza izmantošana <table>. 
No <table> elementa mērķis ir parādīt 
tabulas datiem.


HTML <span> Element

HTML <span> elements ir inline (līnijas elements, vai iebūvēts līnijā )elements,
kas var tikt izmantots kā teksta konteiners. Parasti tiek izmantots, ja saturā ir vārdi vai
teikumi kurus vajag izcelt ar kādu fontu, krāsu.

<span> pats pa sevi ka tegs neko nedod, bet ja to izmanto ar CSS tabulām, tad jēga ir
acimredzama.

Ja to lieto kopā ar CSS, <span> elementu var izmantot, lai noteiktu stila atribūtus
teksta daļām.


HTML grupēšanas tegi, vēl nianse
parasti html kodā ir sekojoša sintakse, <div>saturs...</div>, un ar <span>saturs..tapat</span>

TagDescription
<div> Defines a section in a document (block-level)
<span> Defines a section in a document (inline)