Se afișează postările cu eticheta HTML. Afișați toate postările
Se afișează postările cu eticheta HTML. Afișați toate postările

duminică, 14 decembrie 2008

Div şi span

Considerate tag-uri generaliste (fără un specific bine-delimitat, fiind folosite pentru a grupa laolaltă părţi neomogene de HTML), cele două elemente sunt despărţite prin faptul că, în vreme ce <div> marchează o divizie de HTML, conturând un element block-level, <span> uneşte părţi inline de HTML, precum cuvinte sau fraze scurte, pe care le reuneşte sub aceeaşi clasă / id.


<div>
<h1> Lykke Li </h1>
<p> I will do it, Push button, Pull trigger, Climb mountain, Jump off a cliff. </p>
</div>
vs

<p> I will do it, Push button, Pull trigger, Climb mountain, <span class="action">Jump</span> off a cliff. </p>



O altă vrăjitorie în care e implicat tag-ul <span> şi care poate fi observată de către utilizatorii platformei Wordpress dacă se uită sub fusta articolelor, unde domneşte umbra şi răcoarea HTML, este aceea de a adăuga cod CSS asupra unor porţiuni din text. Iată cum arată, de exemplu, unul dintre paragrafele de mai sus, transpuse în cod HTML de către motoraşul Wordpress:


<span style=”color: #ff9900;”> I will do it, Push button, Pull trigger, Climb mountain, Jump off a cliff. </span>

Publicat de la Niciun comentariu:
Etichete: , , ,

luni, 10 noiembrie 2008

Ce să NU faci în Web Design

Zebradog

Când porneşti la drum, te ajută să ai un bagaj de lucruri pe care ştii că e bine să le faci. De fapt, întregul rucsac pe care-l porţi în spate e încărcat de reguli albe, de fapte pozitive la care vei apela în mare partea a călătoriei. Însă, dincolo de suma de unelte constructive, mereu e nevoie să ştii de ce anume trebuie să te fereşti, ce ravenă este periculoasă sau ce râu e mai adânc decât pare. O grămăjoară de lucruri negre, cât să le aduni într-o batistă, însă pe care trebuie să le ai permanent în vedere.

În web design, dacă vrei să joci după regulile băieţilor buni (şi nu după directivele învechite, îngălate, păguboase ale aproximativ-ştiutorilor), atunci trebuie să îţi însuşeşti mantra inversă de mai jos:

  • ocoleşte elementele font (orice ţine de felul în care arată informaţia va fi reglat prin CSS, iar nu prin taguri de HTML. Take that, 9th grader know-it-all!!1)
  • nu apela la tag-uri <br> pentru inserarea de linii albe (spaţierea, care ţine de aspect, nu de structura conţinutului, va fi reglată de CSS şi nu de HTML, prin elemente de padding sau margin)
  • nu insera atribute pe tag-ul <body>, precum culoarea textului, a link, etc (orice fapt prezentaţional este în jurisdicţia CSS)
  • nu apela la entităţi &nbsp; (non-breaking space, spaţiu folosit uneori pentru indentare; din nou, grădinarul Geoffrey n-are ce căuta amestecând cu foarfeca în supa lui Chauncey)
  • evită tabelele pe cât posibil (am întâlnit un individ care credea cu pasiune că orice site este dependent de structura tabelară de HTML; aceasta e mistificarea în care sunt în pericol să cadă cei care nu au fost atinşi de ideea magică a web-ului semantic. Acestora trebuie să le reamintim că în casa unui web developer inteligent sunt majoritar scaune, eventual o masă, două)

Pe scurt: foloseşte HTML pentru structurarea conţinutului şi CSS pentru a modela aspectul informaţiei. Good job, eşti aproape web developer. ^_^

Publicat de la Niciun comentariu:
Etichete: ,
Abonați-vă la: Postări (Atom)