odsyłacz - Kurs HTML i CSS
HTML5 / Sekcja <section>...gdzie powinno się wstawić znacznik sekcji, jest zadanie sobie pytania, czy do tego fragmentu strony potencjalnie ktoś chciałby wstawić odsyłacz do etykiety. Dlatego takie sekcje dobrze jest dodatkowo opatrzyć identyfikatorem, do którego będzie się można potem odnosić: <section id="moja-sekcja"> <h1>Moja sekcja</h1> ... </section> (...) Przejdź do: <a href="#moja-sekcja">Moja sekcja</a> Sekcja nie powinna być używana jako ogólny pojemnik na elementy. Jeżeli istnieje...
- HTML5 / Załącznik <figure, figcaption>
...do występujących w nim ilustracji i diagramów, dlatego co najwyżej moglibyśmy przenieść je na inną podstronę serwisu, a w artykule wstawić do nich odsyłacz. Z tego powodu stosuj znacznik FIGURE zawsze wtedy, gdy po usunięciu jego zawartości z serwisu pozostała treść utraciłaby wewnętrzną spójność. Natomiast jeżeli nawet po zupełnym wykasowaniu takiej wstawki z całej witryny właściwy artykuł nadal utrzymałby swój sens, lepiej będzie użyć znacznika ASIDE.
Selektory pseudoklas CSS / Wskazanie myszką :hover...użytkownik jeszcze ich nie kliknął, tzn. nie zostały jeszcze aktywowane. UWAGA! Kolejność deklarowania pseudoklas w arkuszu stylów przypisanych do odsyłaczy ma znaczenie. Wykonanie tego w niewłaściwy sposób może być przyczyną braku efektu podczas aktywacji czy wskazania myszką! Prawidłowa kolejność jest następująca: a:link { cecha: wartość } a:visited { cecha: wartość } a:hover { cecha: wartość } a:active { cecha: wartość } Przykład :hover Jeżeli wskażesz, ale nie klikniesz ten odsyłacz...
- Obramowanie CSS / Dekoracja przełamania obramowania {box-decoration-break}
...interpretuje Firefox 32, Opera 12-) selektor { box-decoration-break: dekoracja } Selektorem może być dowolny znacznik, np. p - akapit czy a - odsyłacz [zobacz: Wstawianie stylów]. Natomiast jako "dekoracja" należy wpisać: clone - każdy fragment przełamanego elementu będzie miał osobne obramowanie slice - wszystkie fragmenty przełamanego elementu będą miały wspólne obramowanie (domyślnie) Zdarza się, że na wydruku blok zostanie przełamany pomiędzy dwie kartki w taki sposób, że jego...
- Kursory CSS / Kształt kursora {cursor}
...MSIE 9, Firefox 3 Przykład Wskaż ten tekst myszką help - kursor pomocy Przykład Wskaż ten tekst myszką pointer - wskaźnik (wskazuje odsyłacz) Przykład Wskaż ten tekst myszką progress - "postęp" (CSS 2.1, ale nie CSS 2) Przykład Wskaż ten tekst myszką wait - "poczekaj" Przykład Wskaż ten tekst myszką Kursory wyboru cell - wskazuje, że komórka (jak w arkuszu kalkulacyjnym) może być zaznaczona (CSS 3) - interpretuje MSIE 9, Firefox 2, Opera, Chrome Przykład...
- CSS dla zielonych / Klasy selektorów CSS <div class>
...swoje własne kolory. Deklaracje wyglądu przypisane do klasy są ważniejsze niż te przypisane do znacznika. Możemy nawet określić oddzielny kolor odsyłaczy, które znajdują się w menu. Robi się to poprzedzając w selektorze właściwe znaczniki nazwą klasy. W tym przypadku spacja pomiędzy nazwą klasy a nazwą znacznika odsyłacza jest konieczna. .menu-nawigacyjne a { color: black; } .menu-nawigacyjne a:hover { color: white; } Dzięki temu prostemu wpisowi w arkuszu stylów, za każdym razem...
Aktualizacja / Nowość...W tym przypadku w treści napisu można dodatkowo użyć znaczników HTML, np. w celu pogrubienia tekstu albo zmiany jego koloru. Można nawet wstawić odsyłacz prowadzący bezpośrednio do strony z nowością. Przykład