Archívum a március, 2012
A táblázatok lényegében nem sokat változtak az előzőekhez képest, de úgy gondoltam érdemes szót ejtenünk róla, hiszen így lesz teljes a kép. Az ember a táblázatban általában összetartozó adatokat ábrázol. Egy kis trükkel és persze a CSS3 segítségével nagyon szépen fel tudjuk dobni az általunk készített táblázatokat. Esetleg grafikonokat is készíthetünk, de erről egy későbbi cikk szól majd. Nézzük milyen lehetőségeink vannak ha táblázatokat szeretnénk készíteni.
A táblázatokhoz tartozó elemek
<table> – táblázat definiálása. Nos, a <table> elem esetében jelenleg egyetlen régi attribútum sem támogatott, így érdemes azokat kerülni.
<caption> - A táblázat címe, itt is megszűnt az összes attribútum támogatása egyelőre.
<colgroup> – oszlopcsoport, melyek tulajdonságait tudjuk a segítségével egyidejűleg beállítani. Minden attribútum támogatása megszűnt.
<th> és <td> – A táblázat fejléce és egy cellája, itt is elég nagy a zűrzavar, mert a legtöbb régi attribútum támogatása nincs benne a HTML5-ben, nézzük melyek maradtak meg.
colspan – Jelzi, az oszlop szélességét.
headers – A fejlécben lévő információk kiíratására szolgál.
rowspan – Jelzi a sor magasságot.
<tr> – táblázat 1 sora, minden attribútum támogatása megszűnt.
<thead> – táblázat feje, minden attribútum támogatása megszűnt.
<tbody> – táblázat törzse, minden attribútum támogatása megszűnt. Tovább olvasom »
Szintén ötletként kaptam, hogy a szöveg jelölésekkel egy kicsit részletesebben foglalkozzunk. Ezért úgy gondoltam, hogy főként az újításokra nézünk egy-két példát, valamint a szöveg kiemelésre.
Nézzük mi az amit a szövegekhez kapcsolódóan jó, ha tudunk. Kezdjük talán az alapokkal. A szövegeinket, jó ha bekezdésekbe szedjük, melyre a <p> elem szolgál. Régen volt egy align nevezetű attribútuma, de már a HTML4-ben is elavultnak számított így a HTML5 már nem támogatja.
Használata nagyon egyszerű:
<p>Ez egy új bekezdés</p>
A következő a <q> elem, mely rövid idézetek beillesztésére szolgál, a böngészők egy része idézőjelek között jeleníti meg ezzel a tag-al ellátott szövegeinket. Egyetlen attribútuma a cite, melynek segítségével megjelölhetjük a forrást, ahonnan idézünk. Használható erre a célra még a <blockquote> elem is, mellyel hosszabb idézetek jeleníthetőek meg, de én a <q> elem használatát javaslom, mert jelenleg a böngészők össze-vissza indítanak ez utóbbi esetében új bekezdéseket. A használata 100%-ig megegyezik a <q> elemével. Használata:
<q cite="http://www.magyarorszag.hu/">http://html5.ugyesen.com/ HTML5 webportál</q>
A <br> elemet használhatjuk sortörésre. Általában szimpla elemként használjuk, lássuk erre egy példát:
<br /> ez egy sortörés.
A <h1> <h2>…<h6> elemek segítségével a szövegeinket címezhetjük meg, csökkenő sorrendben, tehát a <h1> a legnagyobb, míg a <h6> a legkisebb cím szöveg. Tovább olvasom »
Got an idea from You that would be good to deal with the text marking a little bit. So I thought we should see some examples for the innovations and for the text marking aswell.
Let’s see the things we should know about according to the texts. Starting with the basics our texts should take into paragraph with the <p> element. Long ago there was an attribute called “align” but it was disused in HTML4 too neither HTML5 support this. Its use is very simple:
<p>It is a new paragraph</p>
The next is the <q> element which serves to insert short cites in. Some of the browsers show this between apostrophe. It has only one attribute. With its help we can mark the source where we cite from.
For this purpose we can use the <blockquote> element too. We can show longer cites with this but i recommend the use of the <q> element because in the case of the latter the browers running new paragraphs pell-mell. Its use the same as the element of <q>:
<q cite="http://www.magyarorszag.hu/">http://html5.ugyesen.com/ - HTML5 webportal</q>
Többen jeleztétek, hogy a listák és az ahhoz kapcsolódó változások kimaradtak az eddigiekből. Ezzel a cikkel szeretném ezt az űrt megszüntetni. Véleményem szerint itt kevesebb változás történt a HTML4-hez képest. Szinte teljesen hasonlóan hozhatóak létre számozott (<ol> … <li>) és számozatlan (<ul>…<li>) listák, vagy esetleg vegyes listák.
A HTML nyelvben eddig is volt lehetőségünk listák készítésére, nézzünk erre egy egyszerű példát.
Számozatlan lista felépítése:
<ul> <li>Budapest</li> <li>Pécs</li> </ul>
Tovább olvasom »
More of You have indicated, that the lists and the changes of the lists have been out of the articles so far. Now I would like to dissolve this gap. In my opinion there are less changes that happened according to HTML4.
You can make lists (ordered: (<ol> … <li>) or unordered (<ul>…<li>) or mixed lists (ordered and unordered) in a similar manner. So far we had opportunity to create lists in html aswell so let’s see an example for this:
The build-up of an unordered list:
<ul> <li>Budapest</li> <li>Pécs</li> </ul>
The build-up of an ordered list:
<ol> <li>Budapest</li> <li>Pécs</li> </ol>