dodać atrybut - Kurs HTML i CSS
Dobre praktyki / Przykazania webmastera...Dlatego często stosuje się inną metodę. Zmiany można wprowadzać w tych samych plikach *.css, a w adresach do nich (występujących w plikach *.html) dodać po pytajniku numer kolejnej wersji (albo aktualną datę), np.: <link rel="stylesheet" href="style.css?2"> To samo dotyczy wszystkich odwołań do plików graficznych, występujących arkuszu CSS - jeśli uległy zmianie, należy podnieść im numer rewizji: background-image: url("plik.gif?2"); Gdzie to tylko możliwe, staraj się skracać zapis w...
Menu drzewiaste / Skrypt menu drzewiastego...href="...">Dokument 4</a></li> </ul> Folder 1 Dokument 1.1 Dokument 1.2 Dokument 2 Dokument 3 Dokument 4 Na koniec warto dodać, że opisywany tutaj skrypt posiada system automatycznego wykrywania aktualnie załadowanej strony. Dzięki niemu po wczytaniu dokumentu wybranego na liście, gałąź w drzewie menu w której znajduje się odpowiadający link jest na starcie rozwinięta, a sam link zostaje wyróżniony przy użyciu klasy CSS pod nazwą active, co natychmiast wskazuje...
Odsyłacze HTML / Do etykiety <a id>...jak i w przypadku odsyłaczy do adresu internetowego w innej witrynie (np. <a href="http://example.com/podstrona.html#etykieta">...</a>). Jak dodać kotwicę HTML? Kotwica (inaczej etykieta) to oznaczone miejsce w dokumencie HTML, do którego można odsyłać użytkownika za pomocą odnośników hipertekstowych. Aby wstawić kotwicę w określonym miejscu dokumentu można się posłużyć następującym kodem: <a id="nazwa-kotwicy"></a>. Można również nadać atrybut id="nazwa-kotwicy" dowolnemu...
- HTML5 / Blokada autouzupełniania <form autocomplete, input autocomplete, select autocomplete, textarea autocomplete>
...hasła zapisanymi wcześniej wartościami. Jak usunąć autouzupełnianie w polu tekstowym? Aby usunąć autouzupełnianie w polu tekstowym, należy dodać atrybut autocomplete="off" do tagu <input>. Na przykład: <input type="text" name="field" autocomplete="off">. To zapobiega przeglądarkom sugerowaniu i automatycznemu uzupełnianiu wartości w tym polu.
- HTML5 / Wykaz z numeracją odwrotną <ol reversed>
...listę zaczynającą się od numeru 3. Jak utworzyć listę w kolejności malejącej w HTML? Aby utworzyć listę w kolejności malejącej w HTML, należy dodać atrybut reversed do elementu <ol>. Można również ustawić początkowy numer listy za pomocą atrybutu start. Przykład: <ol reversed start="5"> <li>Piąty</li> <li>Czwarty</li> <li>Trzeci</li> </ol> utworzy listę zaczynającą od 5 i malejącą.
- Selektory pseudoelementów CSS / Przed... :before
...w treści akapitu. Obrazek przed... :before {content: url} Zamiast tekstu generowanego przed wybranym elementem, w analogiczny sposób można tam dodać grafikę: selektor:before { content: url(ścieżka dostępu do obrazka) } Ścieżkę dostępu należy konstruować względem arkusza CSS! Przykład :before {content: url} To jest akapit, rozpoczynający się obrazkiem, pomimo że nie został on umieszczony w treści akapitu. Można nawet połączyć generowanie tekstu i grafiki w jednej deklaracji...
- Selektory pseudoelementów CSS / Po... :after
...w treści akapitu. Obrazek po... :after {content: url} Zamiast tekstu generowanego po wybranym elemencie, w analogiczny sposób można tam dodać grafikę: selektor:after { content: url(ścieżka dostępu do obrazka) } Ścieżkę dostępu należy konstruować względem arkusza CSS! Przykład :after {content: url} To jest akapit, kończący się obrazkiem, pomimo że nie został on umieszczony w treści akapitu. Można nawet połączyć generowanie tekstu i grafiki w jednej deklaracji: p:after...
Wstęp do JavaScript i ECMAScript / Jak osadzić skrypt JavaScript na stronie?...pliku z rozszerzeniem *.js i potem wstawić do niego odwołanie: <script src="plik.js"></script> Dodatkowo w tym przypadku do znacznika SCRIPT można dodać atrybut logiczny async, dzięki któremu przeglądarka wczyta w tle plik z kodem skryptu (który może być czasem sporych rozmiarów), pozwalając w tym czasie użytkownikowi normalnie rozpocząć czytania treści strony, na nic nie czekając. <script async src="plik.js"></script> Podobnie działa atrybut defer, jednak wtedy przeglądarka rozpoczyna...
- HTML5 / Nowe elementy HTML5
...Element SUMMARY dostarcza ich streszczenie, legendę lub podpis. DIALOG Część aplikacji w postaci okna dialogowego. Skrypty Skrypty pozwalają dodać pewną interaktywność do dokumentów HTML. TEMPLATE Oznacza fragmentu kodu HTML, który może być kopiowany i wstawiany przez skrypt w innym miejscu dokumentu. SLOT Tworzy tzw. slot używany przy tworzeniu własnych elementów. CANVAS Używane do renderowania dynamicznej grafiki rastrowej w czasie wyświetlania strony - takiej jak wykresy lub...
- HTML5 / Napisy do filmów <track>
...BOM (znacznik kolejności bajtów) - dla plików *.vtt może on zarówno zostać dodany, jak i pominięty. W tym przypadku raczej korzystniej będzie go dodać (Notatnik robi to automatycznie). Przykład <track> Zobacz przykład: TRACK Rodzaj napisów Istnieje możliwość podania więcej niż jednego znacznika <track> dla tego samego materiału wideo. Mogą to być tłumaczenia napisów na różne języki. W takim przypadku pomocny jest atrybut srclang="...", w którym podajemy nazwę kodową języka (zobacz...