Hlavička stránky (skrytý <h1> - SEO)

Nadpis <h2> (<h1> je skrytý v hlavičce - SEO)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut nec dui. Integer tortor wisi, adipiscing id, lacinia in, dapibus ut, leo. Suspendisse rhoncus sapien et est aliquam vulputate. Nam non nibh. Praesent posuere tortor at risus. Nam facilisis elementum elit. Quisque condimentum congue quam. Fusce fringilla malesuada lectus. Nam tristique, mauris eget faucibus ullamcorper, neque tellus elementum metus, sit amet iaculis pede leo eget diam. Proin malesuada, magna vel vehicula pretium, tortor ipsum ultricies augue, sit amet ultrices wisi ipsum non nulla. Fusce blandit, velit et lacinia auctor, purus magna condimentum ligula, a facilisis mi mi nec est.

Obrázek Aenean eu augue sit amet velit suscipit vulputate. Ut augue quam, tempus tristique, vulputate in, vehicula ac, odio. Quisque vulputate diam a dolor. Maecenas molestie justo eu sapien. Donec pede metus, pulvinar ac, nonummy vitae, ultricies a, urna. Nunc porta. Vestibulum augue. Aenean mattis sapien non sem. Nullam justo est, aliquam in, facilisis eget, mattis id, mi. Mauris ac lorem facilisis urna convallis consectetuer. Vivamus id ipsum quis odio aliquet adipiscing. Vestibulum mattis est accumsan quam. Suspendisse at ligula sed ante faucibus bibendum. Vivamus scelerisque, pede ac mattis sagittis, justo nisl feugiat libero, ut adipiscing ligula lorem a tellus. Fusce magna pede, tempor nec, placerat vel, interdum et, leo. Integer odio. Sed luctus. Quisque nec ligula eu mauris ornare placerat. Mauris mi sem, lacinia vel, vehicula ut, porta ac, metus. Proin sollicitudin laoreet augue.

Nunc a lacus. Phasellus cursus, mi ac commodo ultricies, velit magna pellentesque lorem, et auctor diam nibh ac est. Phasellus mattis egestas risus. Sed dolor felis, molestie ut, lobortis dictum, posuere ac, orci. Ut a libero in leo sagittis dignissim. In hac habitasse platea dictumst. Sed tempor lectus ac mauris. Aenean turpis erat, ultricies sed, sollicitudin eu, porttitor dictum, mauris. Praesent quam lacus, malesuada tempor, blandit vitae, condimentum sed, ante. Vestibulum id nulla quis nulla volutpat viverra. Morbi tincidunt. Cras neque lectus, tincidunt sed, imperdiet a, mollis vitae, orci. Curabitur semper, leo eu egestas euismod, ante arcu malesuada diam, id commodo est lorem sollicitudin nibh. Praesent magna dolor, pellentesque vel, facilisis vel, aliquet eu, neque. Ut quis dui vitae justo sagittis egestas. Pellentesque metus leo, placerat non, hendrerit a, tristique quis, turpis.

Poznámky:

:: Stáhněte si skvělý validátor do Firefoxu
:: Ve zdrojovém kódu jsou k řešení jednotlivých kritických prvků webu vysvětlivky formou     HTML a CSS komentářů
:: CSS deklarace pro display počítače
:: CSS deklarace pro tisk (v prohlížeči nabídka Soubor/Náhled tisku)
:: Jednoduché CSS pro mobil (viz Opera mini simulátor - Settings/Single column view)
:: Chybné zobrazení hlavičky bez vypnutého zalomení <h1> (display: inline).
:: Příklad webu se dvěma sloupci v XHTML 1.0 Strict (zobrazení shodné s HTML5)
:: Příklad webu se třemi sloupci v HTML5
:: Příklad webu se třemi sloupci v XHTML 1.0 Strict
:: Zobrazit klasicky (nefunguje ideálně v simulátoru, na mobilu OK)