section - Kurs HTML i CSS
HTML5 / Sekcja <section><section>...</section> Sekcja dokumentu lub aplikacji to tematyczna grupa treści, zwykle zawierająca nagłówek. Przykładami sekcji mogą być: rozdziały książki lub pracy badawczej, przełączane zakładki okna dialogowego. Strona domowa może zostać podzielona na przykładowe sekcje: wprowadzenie, lista nowości, informacje kontaktowe. Treść sekcji może być dodatkowo podzielona na podsekcje - poprzez umieszczenie w elementach głównych sekcji dodatkowych znaczników SECTION. W takim przypadku mamy do...
- HTML5 / Nowe elementy HTML5
...wstawić do dokumentu specjalny arkusz stylów: article, aside, details, dialog, figcaption, figure, footer, header, hgroup, main, nav, search, section { display: block; } audio, canvas, embed, meter, progress, video { display: inline-block; } [hidden] { display: none; } Jeżeli nie korzystasz z możliwości CSS, nie musisz używać tej sztuczki... ale może w takim razie to już najwyższy czas, aby poznać Kaskadowe Arkusze Stylów 😉 Sekcje Sekcje to odrębne tematycznie fragmenty treści...
- HTML5 / Artykuł <article>
...<p>Stało się. Postanowiłem założyć własnego bloga. Nie wiem, czy będę miał czas, aby regularnie go aktualizować, ale zrobię co w mojej mocy.</p> <section> <h2>Komentarze</h2> <article> <p>Życzę powodzenia.</p> </article> <article> <p>Nareszcie. Bardzo się cieszę.</p> </article> </section> </article> Wpis na blogu jak najbardziej mógłby być opublikowany w kanale RSS serwisu. Dlatego został oznaczony elementem ARTICLE. Również każdy pojedynczy komentarz użytkowników, dodany...
- Tekst HTML / Blokada indeksowania fragmentów treści <... data-nosnippet>
<div data-nosnippet>...</div> <span data-nosnippet>...</span> <section data-nosnippet>...</section> Co zrobić, jeśli w opisie naszej strony w wynikach wyszukiwania Google wyświetlają się nieadekwatne treści? Może to mieć miejsce, m.in. kiedy w treści strony są umieszczone jakieś elementy interfejsu użytkownika. Na przykład jeśli w naszym serwisie znajdują się fragmenty przykładowych tekstów (kody źródłowe, polecenia, wzory itp.), możemy chcieć ułatwić użytkownikowi skorzystanie z nich...
- HTML5 / Kategorie elementów HTML5
...SAMP, SCRIPT, SEARCH, SECTION, SELECT, SLOT, SMALL, SPAN, STRONG, sub, sup, TABLE, TEMPLATE, TEXTAREA, TIME, U, UL, VAR, VIDEO, WBR sekcje (ang. sectioning content) Treść, która definiuje zakres elementów HEADER i FOOTER. ARTICLE, ASIDE, NAV, SECTION nagłówki (ang. heading content) Definiuje nagłówek sekcji (bez względu na to, czy sekcja jest jawnie oznaczona, czy wynika z samej treści nagłówka). H1, H2, H3, H4, H5, H6, HGROUP frazowe (ang. phrasing content) Tekst dokumentu oraz...
- HTML5 / Zmienione elementy i atrybuty HTML5
Spis treści Zmienione elementy Zmienione atrybuty Odradzane atrybuty Zmienione elementy A Jeżeli sam nie zawiera się w elemencie wyświetlanym w linii, może obejmować sobą również elementy blokowe z wyjątkiem interaktywnych: A, BUTTON, DETAILS, EMBED, IFRAME, LABEL, SELECT, TEXTAREA, AUDIO (z atrybutem controls), IMG (z atrybutem usemap="..."), INPUT (z atrybutem type="..." innym niż "hidden"), MENU (z atrybutem type="toolbar"), OBJECT (z atrybutem usemap="..."), VIDEO (z atrybutem...
- HTML5 / Stopka <footer>
<footer>...</footer> Stanowi stopkę dla zawierającego ją elementu sekcji (ARTICLE, ASIDE NAV, SECTION). Stopka przechowuje zwykle informacje na temat sekcji - np.: autor, linki do powiązanych dokumentów, prawa autorskie itp. Stopka może również zawierać w sobie znaczniki sekcji. W takim przypadku stosuje się ją do oznaczania: załączników, skorowidzów (alfabetycznych indeksów haseł), kolofonów (opisów na zakończenie książki), szczegółowych praw autorskich itp. Mimo z pozoru analogicznej...
- Znaki specjalne HTML / ISO 8859-1 (Latin-1)
Numer Nazwa Opis Objaśnienie Wygląd   Non-breaking space "Niełamliwa" spacja ¡ ¡ Inverted exclamation mark Znak odwróconego wykrzyknika ¡ ¢ ¢ Cent sign Znak centa ¢ £ £ Pound sign Znak funta £ ¤ ¤ Currency sign Znak waluty ¤ ¥ ¥ Yen sign Znak jena ¥ ¦ ¦ Broken vertical bar Przełamana pionowa linia ¦ § § Section sign Znak sekcji § ¨ ¨...
- Komendy HTML 4.01 / A
...pomoc index - skorowidz next - odnosi się do następnego dokumentu w sekwencji prev - odnosi się do poprzedniego dokumentu w sekwencji section - dział w kolekcji dokumentów start - odnosi się do pierwszego dokumentu w kolekcji stylesheet - odnosi się do zewnętrznego arkusza stylów (CSS) subsection - "poddzał" w kolekcji dokumentów REV="typ" Opisuje adres zwrotny podany w atrybucie HREF (analogicznie jak w przypadku atrybutu REL) SHAPE="kształt" Określa kształt obszaru w...
- Komendy HTML 4.01 / LINK
...pomoc index - skorowidz next - odnosi się do następnego dokumentu w sekwencji prev - odnosi się do poprzedniego dokumentu w sekwencji section - dział w kolekcji dokumentów start - odnosi się do pierwszego dokumentu w kolekcji stylesheet - odnosi się do zewnętrznego arkusza stylów (CSS) subsection - "poddzał" w kolekcji dokumentów REV="typ" Opisuje adres zwrotny podany w atrybucie HREF (analogicznie jak w przypadku atrybutu REL) STYLE="styl" Informacje stylów (CSS)...