Transcript 05_sekcie
Sekcie Telematické služby Ing. Marián Pecko, PhD. HTML <body> tag definuje telo dokumentu obsahuje obsah HTML dokumentu, ako text, hypertextové odkazy, obrázky, tabuľky, zoznamy, ap. atribúty globálne @MP/TMS 2012 2 HTML <section> tag predstavuje všeobecnú časť dokumentu alebo aplikácie tematické zoskupenie obsahu, typicky s nadpisom atribúty globálne @MP/TMS 2012 3 HTML <nav> tag predstavuje časť stránky, ktorá sa odkazuje na iné stránky, alebo na časti v stránke atribúty globálne @MP/TMS 2012 4 HTML <article> tag predstavuje samostatne zloženú kompozíciu v dokumente, ktorá je nezávisle šíriteľná alebo opakovane použiteľná, napr. pri publikovaní vo viacerých zdrojoch fórum, časopis, novinový článok, blog, užívateľom pridaný komentár,... ak sú prvky article vnorené, vnútorné prvky article predstavujú články, ktoré sú v súvislosti s obsahom vonkajšieho článku (príspevok na blogu, ktorý prijíma používateľom posielané komentáre -> komentáre sú prvky article vnorené v prvku article pre príspevok na blogu) atribúty globálne @MP/TMS 2012 5 HTML <aside> tag predstavuje časť stránky, ktorá je v súvislosti s obsahom okolo prvku aside, a ktorá by mohla byť považovaná ako oddelená od obsahu často je reprezentovaný ako sidebar, citáty, pre reklamu, pre skupiny prvkov nav, ... atribúty globálne @MP/TMS 2012 6 HTML <hx> tagy definujú nadpisy od <h1> (najdôležitejšia) po <h6> (najmenej dôležitá) používajú ich vyhľadávače na indexovanie štruktúry a obsahu webových stránok h1 sa používa na hlavné nadpisy, nasledované h2 nadpismi, potom menej dôležitými h3 nadpismi, atď. atribúty globálne @MP/TMS 2012 7 HTML <hgroup> tag predstavuje nadpis oddielu používa sa pre združovanie súboru h1-h6 prvkov keď nadpis má niekoľko úrovní, ako podnadpisy, alternatívne názvy, alebo slogany. text prvku hgroup je definovaný ako text najvyššie hodnoteného prvku h1-h6, ktoré sú potomkom prvku hgroup atribúty globálne @MP/TMS 2012 8 HTML <header> tag predstavuje skupinu tvorenú napr. logom, nadpisom, navigáciou,... zvyčajne obsahuje nadpis časti (h1-h6 prvok alebo prvok hgroup môže byť použitý na obalenie obsahu častí, vyhľadávacieho formulára, alebo akýchkoľvek relevantných lóg atribúty globálne @MP/TMS 2012 9 HTML <footer> tag predstavuje pätu pre jeho najbližšieho predchodcu alebo rodiča obvykle obsahuje informácie ako kto ju napísal, odkazy na súvisiace dokumenty, dáta autorských práv a podobne. Kontaktné informácie o autorovi patria do prvku address. Päty sa nemusia nachádzať na konci. atribúty globálne @MP/TMS 2012 10 HTML <address> tag predstavuje kontaktné údaje pre jeho najbližšieho predchodcu - prvok article alebo body. Ak to je prvok body, potom kontaktné informácie sa vzťahujú k dokumentu ako celku. nemusí sa použiť len na reprezentovanie ľubovoľnej adresy (napr. poštové adresy), pokým nie sú tieto adresy dôležité kontaktné údaje. (Prvok p je vhodným prvkom pre označovanie poštových adries všeobecne.) atribúty globálne @MP/TMS 2012 11 Hlavičky a sekcie, outline h1-h6 a hgroup sú hlavičky 1. prvok hlavičky v sekcii predstavuje hlavičku sekcie každá ďalšia hlavička rovnakej alebo vyššej úrovne vytvoria novú sekciu hlavičky nižšej úrovne vytvoria podsekcie koreňová sekcia – má vlastný outline (neovplyvňuje svojich predkov); blockquote, body, details, dialog, fieldset, figure, td @MP/TMS 2012 12 Hlavičky a sekcie, outline odporúča sa používať pre koreňovú sekciu h1 a pre každú ďalšiu h2 – h6 <body> outline <h1>A</h1> 1. A <p>B</p> 1. C 2. E <h2>C</h2> <p>D</p> <h2>E</h2> <p>F</p> </body> @MP/TMS 2012 13 Outline algoritmus <body> <h1>Jablká</h1> 1. Jablká <p>Jablká je ovocie.</p> 1. Chuť <section> 1. Sladkosť <h2>Chuť</h2> 2. Farba <p>Chutia lahodne.</p> <section> <h3>Sladkosť</h3> <p>Červené sú sladšie ako zelené.</p> </section> </section> <section> <h2>Farba</h2> <p>Jablká sú v rôznych farbách.</p> </section> </body> @JV/TMS 07 14