dalej - Kurs HTML i CSS
- Ochrona strony
Spis treści Ochrona strony Blokada prawego klawisza myszki Blokada zaznaczania i kopiowania tekstu Blokada przeciągania elementów strony Blokada drukowania Blokada zapisu wybranych zdjęć Blokada paska narzędziowego obrazów Blokada klawisza Print Screen Podsumowanie Ochrona strony Czasami zdarza się, że chcemy opublikować w sieci jakieś ważne informacje. Zależy nam jednak, aby można się było z nimi zaznajomić tylko bezpośrednio na naszej stronie WWW i nie chcemy udostępniać takich...
- AutoIFRAME / Skrypt AutoIFRAME
...określa margines już po wczytaniu wszystkich obrazów i innych elementów strony. Jest to wartość ostateczna tego parametru i nie będzie ona już dalej zmieniana.
- Operacje na tablicach w JavaScript - Array.prototype / Sprawdzanie obecności elementu w tablicy - indexOf
...do elementów o indeksie nie mniejszym niż podany. Jeżeli argument fromIndex jest mniejszy od zera, odliczane jest tyle elementów od końca tablicy i dalej następuje jej przeszukanie w kierunku końca. Przypominam, że pierwszy element tablicy ma indeks 0, a więc taka wartość zwrócona przez funkcję oznacza, że poszukiwany element został znaleziony (na samym początku tablicy). Przykład Array.prototype.indexOf var items = [1, 2, 3, 1]; items.indexOf(1); // 0 items.indexOf(1, 1); // 3...
- Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu
...bez stylizacji jest następujący: Czcionki Tekst Tło Marginesy Obramowanie Kod ten będzie wykorzystywany we wszystkich przykładach, zawartych dalej w tym rozdziale. W rzeczywistych warunkach warto jeszcze dodać do znacznika <ul>...</ul> identyfikator lub klasę CSS, aby poprzez stylizację menu nie zaburzyć normalnego wyświetlania wykazów, które mogą się znaleźć w treści artykułów na stronie oraz aby mieć możliwość wstawienia kilku różnie wyglądających bloków menu w jednym dokumencie...
- Operacje na tablicach w JavaScript - Array.prototype / Przeszukiwanie tablicy od końca - lastIndexOf
...do elementów o indeksie nie większym niż podany. Jeżeli argument fromIndex jest mniejszy od zera, odliczane jest tyle elementów od końca tablicy i dalej następuje jej przeszukanie w kierunku początku. Przypominam, że pierwszy element tablicy ma indeks 0, a więc taka wartość zwrócona przez funkcję oznacza, że poszukiwany element został znaleziony (na samym początku tablicy). Przykład Array.prototype.lastIndexOf var items = [1, 2, 3, 1]; items.lastIndexOf(1); // 3 items.lastIndexOf(1...
- Typy MIME / Multipurpose Internet Mail Extensions
...dane zwane nagłówkiem HTTP, w którym znajduje się m.in. typ MIME (Content-Type). To właśnie dzięki niemu przeglądarka użytkownika wie, co ma dalej zrobić z plikiem: jeżeli jest to dokument HTML, powinna go wyświetlić, natomiast pliki multimedialne mogą być otwierane w zewnętrznych odtwarzaczach lub zapisywane na dysku. W języku HTML typy MIME używa się również w atrybutach niektórych znaczników. Dzięki temu przeglądarka z góry wie, jakiego typu pliku może się spodziewać pod podanym...
- Czcionki CSS / Odległość między znakami czcionki {font-kerning}
...normal) AVX (font-kerning: auto) Zauważ, że przy zablokowanym kerningu (pierwszy przypadek powyżej) wydaje się, jakby litery "AV" były położone dalej od siebie niż kolejne litery "VX". Tak ułożony tekst z pewnością trudniej się czyta i wygląda mniej estetycznie.
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...nich odnośnik w atrybucie src="...". W trybie domyślnym wczytywanie dokumentu zostaje zatrzymane po napotkaniu tak osadzonego skryptu i kontynuowane dalej, dopiero kiedy w całości się on załaduje. Często tylko niepotrzebnie wydłuża to czas, po którym użytkownik może już przeglądać pozostałą treść strony. Korzystniej by było od razu wyświetlić podstawową treść tekstową strony, tak aby czytelnik mógł już się zacząć z nią zaznajamiać, a w tym czasie w tle doładować wszystkie potrzebne pliki...
- HTML5 / Klawisz Enter <... enterkeyhint>
(interpretuje: Firefox 94, Opera 66, Chrome 77) Elementy bez znacznika zamykającego (np. INPUT): <element enterkeyhint="zatwierdzenie"> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element enterkeyhint="zatwierdzenie">...</element> element Znaczniki: dowolne pole formularza HTML 4.01 lub HTML5, w którym można wpisywać tekst TEXTAREA elementy tekstowe z atrybutem contenteditable="true" dowolny element HTML 4.01 lub HTML5 zawierający powyższe znaczniki - polecenie zostanie...