nagłówka - Kurs HTML i CSS
Widżety HTML / Ramki HTML...jeden wspólny widżet zawierający odnośniki menu, a następnie osadzić go na każdej podstronie. To samo dotyczy innych stałych elementów witryny: nagłówka (wraz z logotypem) i stopki serwisu. Podobny efekt do ramek pozwalają uzyskać dynamiczne skrypty działające po stronie serwera - np. PHP lub SSI [zobacz: Szablon strony bez ramek]. Dzięki nim menu nawigacyjne tak samo możemy umieścić w pojedynczym pliku, a skrypt sam automatycznie powieli go na wszystkich podstronach naszego serwisu...
- Nagłówek i treść HTML / Tytuł strony <title>
...stroną oraz w wynikach wyszukiwania np. Google. Gdzie można umieścić <title>? Znaczniki <title>...</title> należy umieścić w dowolnym miejscu nagłówka dokumentu - tzn. wewnątrz elementu <head>...</head>. Trzeba jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden nagłówek dokumentu. Zatem znacznik tytułu strony dodajemy wewnątrz istniejącego elementu, a nie wstawiamy nowego! Ponadto w pliku *.html powinien się znajdować tylko jeden tytuł strony.
Menu w CSS / Menu z nagłówkami...czym jedna pozycja może być połączona z dowolną liczbą innych pozycji. Z taką sytuacją mamy właśnie do czynienia w przypadku menu nawigacyjnego z nagłówkami: odnośniki, zawarte w znacznikach <dd>...</dd>, stanowią rozwinięcie krótkiego nagłówka, zapisanego wewnątrz <dt>...</dt> - taki kod również jest poprawny semantycznie: <dl> <dt>CSS</dt> <dd><a href="czcionki.html">Czcionki</a></dd> <dd><a href="tekst.html">Tekst</a></dd> <dd><a href="tlo.html">Tło</a></dd> <dd><a...
- Tryb Quirks / X-UA-Compatible
...emulacja jest tak dokładna, że nie da się w ogóle rozpoznać, że tak naprawdę używany jest MSIE 8, ponieważ przeglądarka "przedstawia się" (za pomocą nagłówka HTTP "User-Agent" oraz dla skryptów JavaScript) jako MSIE 7.0. Jak już wspomniano, Internet Explorer 8 wreszcie praktycznie w pełni obsługuje obowiązujące standardy. Paradoksalnie w pewnych przypadkach może to nam przysporzyć wiele kłopotów. Ze względu na całą masę błędów w poprzednich wersjach tej przeglądarki, często okazuje się, że...
- HTML5 / Czy XHTML umarł?
...ułożone jeden wewnątrz drugiego, tak aby stanowiły logiczne połączenie. Przykładem struktury w języku HTML mogą być ramy dokumentu, składające się z nagłówka <head>...</head> i właściwego ciała dokumentu <body>...</body>, a wszystko to umieszczone wewnątrz znacznika <html>...</html>.
- HTML5 / Nagłówek <header>
...HGROUP), ale nie jest to absolutnie konieczne. Może zawierać również: spis treści, formularz wyszukiwania, logo. Sam element HEADER nie stanowi nagłówka sekcji. Może to być nieco mylące, ponieważ z kolei element FOOTER stanowi stopkę sekcji. Elementami definiującymi nagłówek sekcji są: H1, H2, H3, H4, H5, H6. W szczególności znacznik HEADER nie tworzy nowej sekcji w dokumencie (zobacz: "Sekcje / Nagłówki sekcji" w rozdziale "Nowe elementy HTML5"). Przykład <header> <header> <p>Witam na...
- HTML5 / Stopka <footer>
...itp. Mimo z pozoru analogicznej znaczeniowo nazwy, element FOOTER, inaczej niż HEADER, stanowi stopkę sekcji, podczas gdy ten drugi nie oznacza nagłówka sekcji. Jednak znacznik FOOTER sam nie tworzy nowej sekcji w dokumencie. Co ciekawe mimo swojej nazwy, stopki nie musimy wcale umieszczać na końcu sekcji. Choć raczej nie jest to typowe zastosowanie, poprawnym będzie również wstawienie znacznika FOOTER nawet na samym początku sekcji. A jeśli umieścimy stopkę w ogóle poza znacznikami...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...dowolnym miejscu sekcji <head>...</head> dokumentu HTML. Trzeba jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden znacznik nagłówka dokumentu. Zatem nie tworzymy nowego, tylko używamy już istniejącego! Jak zrobić zewnętrzny CSS? Zewnętrzny arkusz stylów można utworzyć przy pomocy dowolnego edytora CSS albo jeszcze lepiej przy pomocy edytora HTML z wbudowaną obsługą również języka CSS. Arkusz stylów zapisujemy na dysku w pliku z rozszerzeniem *.css, a następnie...
- HTML5 / Kategorie elementów HTML5
...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 elementy, które oznaczają ten tekst na poziomie wewnątrz akapitów. Grupy zawartości tekstowej tworzą akapity. A, ABBR, AREA (jeśli znajduje się wewnątrz MAP), AUDIO, B, BDI, BDO, BR, BUTTON, CANVAS, CITE, CODE, DATA, DATALIST, DEL, DFN, EM, EMBED...