strona - Kurs HTML i CSS
Nagłówek i treść HTML / Strona kanoniczna <link "canonical">...linki prowadzące do tej samej strony mają różną postać: jeśli domyślnym numerem strony artykułu będzie 1, to adres artykul.php?strona=1 może być równoważny artykul.php podobnie kolejność parametrów adresu URL, podawanych po pytajniku i rozdzielonych znakami "&", zwykle nie ma znaczenia, tzn. adres artykul.php?id=1&strona=1 zwykle jest równoważny artykul.php?strona=1&id=1 nazwę pliku "index.htm", "index.html" czy "index.php" zwykle można pominąć podając adres strony...
- Nagłówek i treść HTML / Strona mobilna <link media>
<head> <link rel="alternate" media="media" href="adres"> </head> gdzie jako "media" podaje się typ(y) mediów alternatywnych albo zapytanie mediów. Natomiast zamiast "adres" wpisuje się bezwzględny adres strony (rozpoczynający się od http:// lub https://), która stanowi odpowiednik bieżącego dokumentu specjalnie przystosowany na podane urządzenia. W niektórych przypadkach autorzy udostępniają specjalną wersję strony na urządzenia mobilne. Zwykle ma ona węższy układ treści, mniej zdjęć i menu...
Dobre praktyki / Przykazania webmastera...Nie używaj atrybutu style="..." Unikaj stosowania deklaracji !important Nie wstawiaj wewnętrznego arkusza stylów, który powtarza się na kilku podstronach Minimalizuj liczbę osobnych plików arkuszy CSS Unikaj importowania arkuszy stylów Wersjonuj pliki *.css i pliki graficzne w nich zawarte Gdzie to tylko możliwe, staraj się skracać zapis w regułach stylów Minimalizuj liczbę identyfikatorów i klas CSS Ustalając tło upewnij się, że element ma przypisany (lub odziedziczony) kolor tekstu...
- HTML dla zielonych / Wstawienie obrazka HTML <img src alt>
...podać miejsce na dysku, gdzie znajduje się nasz obrazek, który chcemy umieścić na stronie. Jeżeli obrazek znajduje się w tym samym katalogu co strona, na której chcemy go wstawić, wystarczy wpisać tutaj samą nazwę pliku obrazka, nie zapominając przy tym o podaniu rozszerzenia (".jpg" lub ".gif"). Natomiast w miejsce "Tu podaj tekst alternatywny" wpisuje się krótką informację, która pojawi się w przypadku, kiedy obrazek nie zostanie wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie...
- Szablon strony na DIV-ach / Responsywny szablon
...bloków szablonu, a nawet rozmiaru tekstu i marginesów w jednostkach względnych długości - np. procentach, em lub rem. W takiej sytuacji cała strona automatycznie przeskalowałaby się tak, aby nigdy nie trzeba było jej przewijać w poziomie. Do pewnego stopnia jest to dobre rozwiązania. Jednak w praktyce trudno się spodziewać, aby nawet tylko dwukolumnowy szablon bez problemu zmieścił się na wąskim ekranie smartfona i nadal tekst był wystarczająco czytelny. Możesz stosować szablon...
- Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>
...zmieniać, nawet już po załadowaniu strony. Zamiast tekstu "lokalizacja" należy wpisać adres strony albo lokalizację na dysku, gdzie znajduje się strona, do której chcemy się przenieść. Natomiast jako "cel" można podać: "nazwę ramki", do której ma zostać załadowana strona. Nazwę ramki definiuje się wcześniej w znaczniku IFRAME (atrybut name="nazwa ramki"). Jeśli strona ma zostać wczytana do tej samej ramki, w której znajduje się odsyłacz, można pominąć atrybut target="...". Jeśli podamy...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...googlebot"> Roboty <meta "robots"> <head> <meta name="robots" content="dyrektywy"> </head> gdzie jako "dyrektywy" należy wpisać: "index" - strona, na której wstawiono polecenie, będzie indeksowana przez roboty sieciowe (indeksery) - domyślnie "noindex" - strona, na której wstawiono polecenie, nie będzie indeksowana "follow" - przechodzenie do stron, do których odnoszą się odsyłacze, znajdujące się w dokumencie - domyślnie "nofollow" - robot nie przechodzi do stron stron...
- Promocja strony WWW / Odpowiednia treść
...Wstęp Zdawać by się mogło, że ten punkt jest oczywisty, jednak nie wszyscy zdają sobie sprawę jak dużą ma on wagę. Najprościej można powiedzieć, że strona o nieciekawej i zbyt krótkiej treści praktycznie nie da się bardziej wypromować. Są oczywiście wyjątki, np. strony oferujące u siebie darmowe i bardzo przydatne rzeczy. Jednak niewłaściwy dobór treści serwisu może przekreślić wszystkie pozostałe i czasem bardzo czasochłonne metody promocji. Dlatego radzę nie bagatelizować tego punktu! A oto...
- Języki / Strony kodowe
Spis treści UTF ISO Strony kodowe UTF W 1993 roku została opracowana specjalna strona kodowa tzw. Unicode. Jest to standard 16-bitowy i dzięki temu może zapisać aż 65536 znaków. Pozwala to umieścić w jednej stronie kodowej większość alfabetów świata, co sprawia, że jest to jedyny standard, umożliwiający pisanie dokumentów w wielu językach jednocześnie. Niestety pliki takie mogą mieć nawet dwa razy większe rozmiary (przy stronie kodowej UTF-16), choć jeśli chodzi o polskie teksty...
- Drukowanie CSS / Typ strony wydruku {page}
@page strona { cecha: wartość } selektor { page: strona } Jako strona należy wpisać dowolny tekst, który może się składać z małych i wielkich liter łacińskich (bez polskich znaków diakrytycznych), cyfr i myślników "-". Nie może się jednak zaczynać cyfrą ani myślnikiem. Aby użyć innych znaków, należy je poprzedzić odwróconych ukośnikiem "\". Jako cecha i wartość można wstawić jedną lub więcej deklaracji odpowiednich dla kontekstu strony. Selektorem może być dowolny znacznik blokowy - np. table...