odsyłacz - Kurs HTML i CSS
Dobre praktyki / Przykazania webmastera...jak i lokalnych Nie stosuj tabelek do budowania układu strony Nawigacja musi być intuicyjna i wygodna Unikaj używania atrybutu target="..." dla odsyłaczy Nie używaj znaczników img do wstawiania grafiki tworzącej oprawę graficzną strony Zawsze wypełniaj atrybut alt="..." dla ilustracji Zapisuj ilustracje we właściwych formatach graficznych Stosuj fizycznie pomniejszone miniatury zdjęć Strona powinna być czytelna bez grafiki Stosuj inny tytuł na każdej podstronie Używaj...
Odsyłacze HTML / Odnośniki hipertekstowe...suchych" danych, a dokumenty znajdujące się w niej, nie byłyby w żaden sposób ze sobą powiązane. Praktycznie na każdej stronie WWW spotyka się odsyłacze. Najczęściej stanowi je specjalnie wyróżniony krótki tekst (lub obrazek), po kliknięciu którego, następuje przeniesienie do innej strony. Przy czym strona taka może wchodzić w skład tego samego serwisu, ale równie dobrze może znajdować się na drugim końcu świata. Przeglądarki internetowe wyświetlają odsyłacze najczęściej w innym kolorze...
- I co dalej... / Rejestracja
...roboty, czyli specjalne programy, które cały czas odwiedzają wszystkie strony i zapisują je w bazie danych wyszukiwarki. Kiedy taki robot natrafi na odsyłacz hipertekstowy, podąża za nim. Dzięki temu w wyszukiwarkach mogą się znaleźć serwisy, które w ogóle nie były do nich zgłaszane, co oszczędza pracy webmasterom i zapewnia aktualniejsze wyniki wyszukiwania. Trzeba jednak pamiętać, że aby strona została automatycznie zaindeksowana w bazie danych wyszukiwarki, na dowolnej innej stronie, która...
- Widżety HTML / Ramki lokalne <iframe>
...można umieścić dowolny kod, który wyświetli się tylko w sytuacji, jeśli przeglądarka nie obsługuje ramek lokalnych. Najłatwiej podać po prostu odsyłacz do tej samej strony, którą wczytujemy do ramki. Wtedy użytkownicy niekompatybilnych przeglądarek będą mogli przynajmniej bezpośrednio do niej przejść. Oczywiście zamiast odnośnika można również wstawić jakąś alternatywną treść, przeznaczoną do przeglądania bez ramek. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat...
- Komendy HTML 4.01 / AREA
...Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej HREF="adres" Określa lokalizację zasobu sieciowego, do którego odnosi się odsyłacz ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NAME="nazwa" Przypisuje nazwę kontrolną NOHREF Obszar nie ma związanego odsyłacza SHAPE="kształt" Określa kształt obszaru w...
- 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...
- 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...
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
- 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...
- 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...