zapis - Kurs HTML i CSS
Dobre praktyki / Przykazania webmastera...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 (i odwrotnie) Ustal w jednym miejscu globalne style formatowania tekstu Używaj właściwych jednostek do ustawiania rozmiaru tekstu Ustalaj rodzaj czcionki zawsze wspólnie z jej wielkością (i...
Obiekty daty - Date / Tworzenie obiektu daty - new Date...Na tak utworzonym obiekcie możemy później wykonywać inne przekształcenia. Wszystkie parametry mogą przyjmować również wartości ujemne. Na przykład zapis new Date(2014, -1) jest równoważny new Date(2013, 11). Natomiast jeżeli podamy tylko jeden argument i będzie on miał wartość ujemną, odliczanie milisekund odbędzie się wstecz od północy 1 stycznia 1970 w strefie czasowej południka zerowego. 1 sekunda zawiera 1000 milisekund. Możemy również podawać daty spoza przewidzianego zakresu. Na...
- Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
Spis treści :nth-child :nth-last-child :nth-of-type :nth-last-of-type Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type Cykl Okres Przesuniecie początkowe Odwrotna kolejność Zapis Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type (CSS 3 - interpretuje Internet Explorer 9, Firefox 3, Opera, Chrome) Dzieci: dziecko:nth-child(cykl) rodzic > dziecko:nth-child(cykl) Dzieci - począwszy od ostatniego...
- Alternatywne sposoby definiowania funkcji w JavaScript - Function / Dynamiczne tworzenie funkcji w JavaScript - new Function
...błąd składni Działa identycznie jak konstrukcja Function(...), tzn. definiuje nową funkcję, którą później w programie możemy wywoływać. Tego typu zapis jest jednak rzadko spotykany w rzeczywistych aplikacjach. Częściej stosuje się konstrukcję funkcji anonimowej. Zapis z użyciem operatora new może być przydatny, jeżeli chcemy utworzyć funkcję na podstawie danych uzyskanych dopiero po uruchomieniu programu. Możemy np. utworzyć aplikację, która pozwoli użytkownikowi samodzielnie definiować...
- Obiekt wyrażenia regularnego - RegExp / Tworzenie nowej instancji wyrażenia regularnego - new RegExp
...nieprawidłowy wzorzec lub flagi Tworzy nową instancję obiektu wyrażenia regularnego. Przy definiowaniu wzorca należy zwrócić uwagę na prawidłowy zapis znaków specjalnych wyrażeń regularnych. Chcąc pozbyć się specjalnego działania znaku, gdy podajemy go jako tekst - inaczej niż w przypadku literału wyrażenia regularnego - musimy poprzedzić taki znak specjalny dwoma, a nie jednym odwróconym ukośnikiem. Znaków ukośnika nie trzeba już niczym poprzedzać, ponieważ funkcja powinna zrobić to...
Nagłówek i treść HTML / Strona kanoniczna <link "canonical">...lub https://), która ma być prezentowana w wynikach wyszukiwania. W tym przypadku nie powinno się używać względnej ścieżki dostępu, ponieważ taki zapis może nie być prawidłowo zinterpretowany przez roboty indeksujące wyszukiwarek sieciowych. Warto zwrócić uwagę, że nie należy w ten sposób oznaczać dokumentów, które nie stanowią jedynie innej wersji strony kanonicznej (podstawowej), ponieważ wywoła to tylko ich niepotrzebną eliminację z wyników wyszukiwania. Trzeba również mieć świadomość...
- Języki / Skróty nazw języków
...bądź regionie, to co prawda możemy wtedy użyć formy dwuczłonowej (np. pl-PL), jednak najczęściej w takim przypadku korzysta się z krótszego zapisu jednoczłonowego (np. pl). Nie w każdym przypadku pierwsza część nazwy kodowej (język) i odpowiadający jej drugi człon (obszar) są takie same. Na przykład skrót języka ukraińskiego to uk, natomiast państwo Ukraina jest oznaczane skrótem UA. Zatem pełna nazwa kodowa języka ukraińskiego, którym posługują się mieszkańcy na terenie Ukrainy, to...
- Układ wielokolumnowy CSS / Atrybuty mieszane kolumn {columns}
...tylko liczbę kolumn lub obie wartości rozdzielone spacją. Ustalenie wartości auto usuwa kolumny. Polecenie jest przydatne, jeżeli chcemy skrócić zapis. Możemy też dzięki niemu szybko usunąć podział na kolumny, poprzez wpisanie "columns: auto".
Indeks, wyszukiwarka / Skrypt indeksu, wyszukiwarki...z dodatkową funkcją wyszukiwarki, postępują według poniższych instrukcji: Utwórz w swoim edytorze HTML nowy dokument. Wklej do niego poniższy kod i zapisz w pliku indeks.js (koniecznie użyj kodowania utf-8): /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Indeks(id, ramka) { this.id = id; if (typeof ramka == 'undefined') this.ramka = self; else if (typeof ramka == 'string')...
- Tekst HTML / Komentarz HTML
...wydłużyć czas wczytywania dokumentu HTML. Trzeba również zadbać, aby wewnątrz komentarza nie znalazł się inny, wewnętrzny komentarz, ponieważ taki zapis jest niedozwolony!