Stronę tą wyświetlono już: 2820 razy
Znacznik <header> został wprowadzony w HTML-5 do oznaczenia elementów takich jak:
- główny baner strony;
- Spis treści na początku strony.
Znacznik ten jest zawsze umieszczany na początku strony oraz (opcjonalnie) jako początkowy element wewnątrz znacznika <article>, gdzie może znaleźć się spis treści zawartej w tym elemencie.
Główny baner strony może być utworzony np. tak:
Wynik działania powyższego kodu:
Utwórzmy też element <article>, w którym umieszczony zostanie spis treści:
Wynik działania powyższego kodu:
Spis treści
- Lorem ipsum dolor 1
- Lorem ipsum dolor 1
- Lorem ipsum dolor 3
Lorem ipsum dolor 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquet justo lectus, nec rhoncus nisi consequat sed. Curabitur venenatis id tortor sed suscipit. Integer eu malesuada purus. Curabitur vel elit ac nisi lobortis congue. Quisque id dolor scelerisque, cursus mi eget, efficitur est. Duis facilisis ligula sit amet sapien lacinia mollis. In consequat sollicitudin libero id pharetra. Quisque viverra fringilla ex vitae lacinia. Mauris leo nunc, ultrices id tortor non, tincidunt faucibus diam. Pellentesque lacinia tincidunt molestie. Vestibulum eu feugiat ligula.
Lorem ipsum dolor 2
Nunc hendrerit quam eros, tempus blandit nunc porta sed. Sed non laoreet lacus. Cras blandit, purus id egestas tincidunt, metus dolor pretium orci, eu ultricies eros nunc ut tortor. Sed aliquet vitae magna at tincidunt. Quisque congue elit faucibus magna molestie finibus. Aenean ac urna massa. Morbi ac aliquet quam. Vivamus imperdiet efficitur posuere. Suspendisse nisl nibh, venenatis vitae nibh ac, sodales sodales metus. Vestibulum tristique lobortis varius. Quisque bibendum neque lobortis, luctus ipsum sit amet, pulvinar nisl. Vestibulum lacinia, diam ac fermentum imperdiet, enim odio blandit urna, quis facilisis eros tortor in diam. Quisque sagittis nisi nunc, nec mollis metus suscipit id. Donec quis nibh a lacus sagittis mattis maximus a purus.
Lorem ipsum dolor 3
Quisque eleifend orci sit amet ultrices luctus. Vestibulum ac placerat ex. Vestibulum posuere, erat pellentesque luctus lobortis, elit enim volutpat ex, a rhoncus mi ante eget sem. Nunc sed bibendum nisl, non pretium lorem. Nulla id lacus sed sapien pharetra cursus. Ut a semper mi, in pretium massa. Nullam pharetra diam tellus, a pharetra nunc aliquam cursus. Donec non lectus sit amet massa commodo facilisis.