znak - Kurs HTML i CSS
HTML5 / Napisy do filmów <track>...opcję: "Zapisz jako typ: Wszystkie pliki", a następnie wpisz pełną nazwę (np. napisy.vtt). Plik napisów musi być zapisany przy użyciu kodowania znaków UTF-8 - nieważne przy użyciu jakiej strony kodowej został utworzony dokument HTML, w którym jest wstawiony odtwarzacz wideo z dołączonymi tymi napisami. Aby to zrobić w Notatniku, w oknie zapisywania pliku wybierz opcję: "Kodowanie: UTF-8". Jeżeli używasz innego edytora możesz posiadać dodatkowo opcję zapisu pliku bez tzw. znaku BOM...
Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type...Zapis Gdy A=1 lub A=-1 wpisywanie liczby przed n można pominąć: selektor:nth-child(-n) { cecha: wartość } Jawne oznaczanie liczby A dodatnim znakiem nie jest wymagane, ale można to zrobić: selektor:nth-child(+2n) { cecha: wartość } Białe znaki (np. spacje) są dozwolone po otworzeniu i przed zamknięciem nawiasu selektora: selektor:nth-child( odd ) { cecha: wartość } Można je również wstawiać przed i po znaku sumy bądź różnicy we wzorze: selektor:nth-child(-2n + 10) { cecha: wartość...
- Czcionki CSS / Czcionki osadzone @font-face
...całkowicie bezpłatnie - nawet na stronach komercyjnych. Można je również pobrać na swój dysk i samodzielnie zmodyfikować (np. dodając brakujące znaki) albo użyć w innym projekcie, niekoniecznie związanym ze stronami WWW. Aby skorzystać z dowolnej czcionki dostępnej w katalogu Google Fonts, nie trzeba nawet umieszczać na swoim serwerze żadnych plików. Mogą być one pobierane wprost z serwerów Google. Dzięki temu, jeżeli nasz czytelnik wcześniej odwiedzi inny serwis, w którym również była...
- Nagłówek i treść HTML / Plik robots.txt
...linijek możliwe jest również umieszczanie komentarzy, czyli tekstu, który nie zostanie wzięty pod uwagę przez roboty. Komentarz rozpoczyna się znakiem "#", a kończy na końcu linijki. User-Agent W jednym pliku robots.txt może się znajdować dowolna liczba rekordów rozdzielonych pustymi linijkami - każdy musi się rozpoczynać linią User-Agent, wskazującą do których robotów odnoszą się dalsze linijki danego rekordu: # Ten rekord odnosi się tylko do robota "Googlebot": User-agent: Googlebot...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...500px - 50px = 450px. Nie dotyczy przeglądarki Firefox ani Opera. Tryb Quirks pozwala na pewnie zapisy niezgodne z CSS jak np. pominięcie znaku "#" (krzyżyk) przed heksadecymalną wartością koloru. Dotyczy to również przeglądarki Opera. Starsze wersje Internet Explorera pozwalały wstawiać w arkuszu stylów komentarze w stylu HTML, tzn. <!-- ... -->. Natomiast w trybie zgodności można używać tylko komentarzy w stylu C (długich): /* ... */. W trybie zgodności jeżeli deklaracja zawiera...
- Jednostki CSS / Liczby
...lub więcej cyfr po kropce dziesiętnej ("."). Zarówno liczby całkowite jak i rzeczywiste mogą zostać poprzedzone przez "-" lub "+", wskazującym ich znak. Wiele właściwości przyjmujących jako wartość liczbę całkowitą lub rzeczywistą, wymaga wartości z określonego przedziału, zwykle nie mniejszej od zera.
- Odsyłacze HTML / Do etykiety <a id>
...oraz w definicji etykiety: <a id="... musi być bezwzględnie taka sama (włączając w to wielkość liter), jedynie w odsyłaczu nazwę należy poprzedzić znakiem # (krzyżyk)! Można również zauważyć, że kolejność wpisywania odsyłacza <a href="#... oraz etykiety <a id="... na stronie jest dowolna, tzn. etykieta może znajdować się wcześniej niż odsyłacz do niej (powodując np. przeniesienie na samą górę strony). Dodatkowo opis etykiety nie jest konieczny (ale konieczny jest opis odsyłacza, bo w...
- Media CSS / Zapytania mediów
...wymagane możliwości urządzenia w ramach podanego na początku mediów ogólnego. Pomiędzy słowem kluczowym "and" a nawiasem musi znajdować się znak spacji. Nic nie stoi na przeszkodzie, aby w jednym zapytaniu użyć kilku cech mediów, np.: @media screen and (min-width: 800px) and (max-width: 1280px) { /* Okno przeglądarki o szerokości pomiędzy 800px a 1280px */ } W przypadku, gdy zapytanie dotyczy medium "all" (wszystkie media), można użyć formy skróconej zapisu - podając jedynie samą...
- Oprawa graficzna / "Duszki" CSS
...od lewego-górnego narożnika całego arkusza do lewego-górnego narożnika wybranej grafiki z siatki i nadać obu wartościom - poziomej i pionowej - znak ujemny. Poziome menu W przypadku poziomego menu, w którym każda z zakładek może mieć inną szerokość, ważne jest, aby oba "duszki", z których składa się zakładka, były usytuowane bezpośrednio przy prawej krawędzi arkusza. Gdyby na arkuszu cokolwiek znalazło się z prawej strony lewego, wąskiego brzegu zakładki, po złożeniu mogłoby to wystawać...
- Dobre praktyki / Przykazania webmastera
Spis treści Wstęp Dobre praktyki HTML Dbaj o poprawność ortograficzną i stylistyczną tekstu Używaj polskich znaków diakrytycznych Rozpoczynaj pracę od stworzenia semantycznego kodu HTML bez żadnej stylizacji Nie używaj elementów ani atrybutów zdeprecjonowanych Unikaj stosowania ramek - zarówno tradycyjnych 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...