dokumentu - Kurs HTML i CSS
HTML5 / Kategorie elementów HTML5...Kategoria Opis Elementy metadane (ang. metadata content) Definiuje sposób prezentacji lub zachowania reszty zawartości, albo określają relacje dokumentu z innymi dokumentami, bądź przekazują inne informacje "poza głównym torem" (np. techniczne lub strukturalne dane o dokumencie). BASE, LINK, META, NOSCRIPT, SCRIPT, STYLE, TEMPLATE, TITLE przepływowe (ang. flow content) Większość elementów używanych w ciele dokumentów i aplikacji A, ABBR, ADDRESS, AREA (jeśli znajduje się wewnątrz...
Media CSS / Wybór medium @media...polecenia @media lub @import: @import url(glos.css) aural; @media print { /* Arkusz dla wydruku */ } Podanie medium docelowego wewnątrz języka dokumentu (atrybut "media" elementu LINK precyzujący włączenie zewnętrznego arkusza stylów): <!doctype html> <html lang="pl"> <head> <title>Odnośnik do medium docelowego</title> <link rel="stylesheet" media="print, handheld" href="arkusz.css"> </head> <body> <p>Ciało dokumentu...</p> </body> </html> Podanie medium docelowego...
- HTML dla zielonych / Wpisywanie tekstu HTML
Jeśli chcemy umieścić na stronie WWW zwykły tekst, możemy wpisać go bezpośrednio z klawiatury - w miejsce właściwej treści dokumentu (patrz: Ramy dokumentu). Nie trzeba przy tym stosować żadnych dodatkowych poleceń. Należy jednak pamiętać, że przeglądarka internetowa automatycznie zawinie wszystkie wiersze, dlatego w edytorze HTML tekst możemy wpisywać dowolnie, np. po wpisaniu: To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst... Na ekranie...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...i innych linków z niej pochodzących "noindex, indexifembedded" - umożliwia indeksowanie stron załadowanych wewnątrz ramek, kiedy indeksowanie dokumentu, w którym są wstawione te ramki, zostało zablokowane ("noindex") "unavailable_after: data/czas" - uniemożliwia wyświetlanie strony w wynikach wyszukiwania po określonej dacie/czasie. Datę i czas można podać w formacie ISO 8601. "max-image-preview:rozmiar" - steruje rozmiarem podglądu zdjęć ze strony, które mogą się wyświetlać w...
- Nagłówek i treść HTML / Autor strony <meta "author", link "author">
Spis treści <meta "author", link "author"> Autor dokumentu <meta "author"> Strona autora <link "author"> Autor dokumentu <meta "author"> <head> <meta name="author" content="Tu wpisz swoje imię i nazwisko"> </head> Polecenie to należy wstawić między znacznikami: <head> oraz </head>. Pozwala ono podać informację o fizycznej osobie będącej autorem strony. Strona autora <link "author"> <head> <link rel="author" href="lokalizacja"> </head> gdzie jako lokalizacja należy podać jedną z...
- Nagłówek i treść HTML / Automatyczne odświeżanie strony <meta "refresh">
...to pozwala na automatyczne odświeżanie strony, co pewien określony przedział czasu (podany w sekundach). Powinno być wstawione w treści nagłówkowej dokumentu - między znacznikami: <head> oraz </head>. Nie należy przesadzać z odświeżaniem strony, ponieważ irytuje to użytkowników, a nawet może uniemożliwić czytanie! Przykład <meta "refresh"> Przykład Pytania i odpowiedzi <meta "refresh"> Co to jest odświeżanie strony? Odświeżenie strony to ponowne jej wczytanie, tak aby zobaczyć...
- Nagłówek i treść HTML / Automatyczne wczytanie strony <meta "url">
...wczytanie podanej strony. Załadowanie nastąpi po określonym przez nas czasie (podanym w sekundach). Powinno być wstawione w treści nagłówkowej dokumentu. Polecenie to jest często stosowane, w razie przeniesienia serwisu pod inny adres, w celu automatycznego przekierowania tam użytkownika. Przykład <meta "url"> Przykład Pytania i odpowiedzi <meta "url"> Jak działa redirect? Redirect oznacza automatyczne przekierowanie użytkownika do innego adresu. Może to być przydatne, jeśli...
- HTML5 / Zdarzenia HTML5
...ma ono zastosowanie: <script> document.addEventListener('DOMContentLoaded', function () { alert('Nastąpiło załadowanie wszystkich znaczników dokumentu HTML'); }); </script> Każdy element oraz inne obiekty występujące w języku HTML mają ściśle określoną listę zdarzeń, które obsługują. Poniżej przedstawiono trzy główne grupy zdarzeń dostępnych w HTML5: Podstawowe zdarzenia - związane z ogólną interakcją użytkownika z elementami strony, np. klikaniem lub zmianą wartości. Zdarzenia...
- Podcast HTML / #9 HTML5
...określenie sposobu obsługi błędów. Wprowadzenie nowych znaczników semantycznych, aby uczynić sieć bardziej dostępną. Uproszczona deklaracja typu dokumentu to <!doctype html>, która nie przełącza przeglądarki w tryb Quirks. Uproszczono również deklarację strony kodowej do <meta charset="utf-8">. Nowe elementy semantyczne i strukturalne W języku HTML5 wprowadzono nowe elementy, które tworzą sekcje lub grupują zawartość, w tym: Sekcje: <article>, <aside>, <nav>, <section>. Znaczniki...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
...wstawiony powyższy odsyłacz (domyślnie - można pominąć ten atrybut, a efekt będzie ten sam) "_top" - strona zostanie wczytana w miejsce głównego dokumentu w hierarchii, czyli zmieni się adres w pasku adresu przeglądarki "_parent" - strona zostanie wczytana w miejsce nadrzędnego dokumentu w hierarchii "_blank" - strona zostanie załadowana w nowej karcie przeglądarki Atrybuty target="_top" i target="_parent" działają bardzo podobnie. Różnice można zauważyć dopiero w przypadku większej...