HTML 5 ARTICLE Tag

Učimo vas kako izraditi web stranicu i programirati
Uvod HTML HTML Osnove HTML Tablice HTML Frames HTML Forms HTML Head HTML 5 HTML5 Canvas HTML5 SVG HTML 5 API XML CSS CSS Selektori CSS Osnove CSS Centriranje CSS3 Bootstrap Javascript JS Osnove jQuery AngularJS Node.js Express.js JSON i MongoDB PHP PHP Osnove PHP Funkcije PHP Objekti Codeigniter Phalcon ZEND phpQuery MySQL MySQL Osnove MySQL Naredbe Aplikacije Wordpress Drupal Joomla Serveri Apache Serv Nginx Serv Razno Git Java Smalltalk Web Alati Kontakt
Početna » HTML » HTML5

HTML 5 Uvod Globalni atributi Zastarjelo Osnovni dokument Semantika - HEADER Tag - H1 ... H6 Tagovi - NAV Tag - SECTION Tag - ARTICLE Tag - ASIDE Tag - FOOTER Tag - ADDRESS Tag - FIGURE, FIGCAPTION - MAIN Tag - INS i DEL Tagovi - MARK Tag - TIME Tag - Internet Explorer 8 - HTML 4.01 Tagovi Umetanje sadržaja - IFRAME Tag - EMBED Tag - OBJECT i PARAM Tag - IMG, MAP, AREA Tag - AUDIO Tag - VIDEO Tag - SOURCE i TRACK Tagovi Novi atributi za formular - Novi FORM atributi - Novi INPUT atributi - Novi INPUT type="" - OUTPUT Tag - DATALIST Tag - PROGRESS Tag - METER Tag - KEYGEN Tag	HTML 5 ARTICLE Tag Tag <article> </article> kao što sama riječ kaže služi za označavanje nekakvog tekstualno-slikovnog članka. To može biti forum ili blog post, komentar, news ili bilo što drugo. To je najčešće nekakav tekst koji unose različiti autori, a može se postati na druge web sajtove. Za razliku od SECTION elementa ovaj element ima veće semantičko značenje jer je to zaseban dio web stranice, a najčešće se unutar njega stavljaju HEADER, FOOTER, P pa čak i SECTION tagovi. Najjednostavniji primjer Weblog article Title Content… <article> <h1>Title</h1> <p>Content…</p> </article> Dugi ARTICLE sa podsekcijama Ukoliko je ARTICLE (članak) velik, možemo ga razdijeliti u više SECTION rubrika (tematskih cjelina). Article Title Section Section title Content Section Section title Content Section Section title Content <article> <h1>Title</h1> <section> <h2>Section title</h2> <p>Content</p> </section> <section> <h2>Section title</h2> <p>Content</p> </section> <section> <h2>Section title</h2> <p>Content</p> </section> </article> Složeni primjer Weblog header Site title Search Site navigation Main content Weblog article Title Summary Weblog article Title Summary Weblog article Title Summary Secondary content Blogroll, photos, other content… Footer <header id="page-header"> <h1>Site title</h1> <form>Search</form> <nav class="site-nav"> <ul>Site navigation</ul> </nav> </header> <section id="main-content"> <article> <h1>Article title</h1> <p>Summary</p> </article> <article> <h1>Article title</h1> <p>Summary</p> </article> <article> <h1>Article title</h1> <p>Summary</p> </article> </section> <aside class="sidebar"> <section> <h2>Blogroll…</h2> </section> <section> <h2>Photos…</h2> </section> </aside> <footer id="page-footer"> <h2>Footer</h2> </footer>
\| Uvjeti Korištenja \| Zaštita Privatnosti \| Kontakt \|