przeglądarki - Kurs HTML i CSS
HTML5 / Zmienione elementy i atrybuty HTML5...był zapisany przy użyciu strony kodowej UTF-8 lub UTF-16. http-equiv Dla elementu META nie oznacza już nagłówków HTTP serwera, ale dyrektywy przeglądarki. id Może zawierać dowolnie długą wartość, pod warunkiem że nie powtarza się drugi raz w tym samym dokumencie, nie jest pusta ani nie zawiera spacji. lang Może zawierać pustą wartość. media Dla znacznika LINK akceptuje zapytania mediów, a domyślnie posiada wartość "all". onclick... Atrybuty obsługi zdarzeń interfejsu...
- HTML5 / Możliwy koniec linii <wbr>
(interpretuje: Internet Explorer 6-7 ale nie 8-11, Firefox 2, Opera 10, Chrome 4) <wbr> Normalnie przeglądarki zawijają długie linijki tekstu, jeśli nie mieszczą się w szerokości okna. Jednak w niektórych warunkach przełamanie tekstu może nie być możliwe. Wtedy najczęściej pojawi się poziomy suwak do przewijania strony. Z takim przypadkiem możemy mieć do czynienia wewnątrz znacznika PRE, gdy zablokujemy zawijanie tekstu przy pomocy CSS albo gdy w długiej linijce nie umieścimy żadnego białego...
- HTML5 / Autouzupełnianie <datalist>
...wpisać w zasadzie jedną z podanych wartości, a nie dowolny tekst. Taki efekt powinniśmy uzyskać, wstawiając dodatkowy znacznik SELECT - nowsze przeglądarki po prostu go pominą, stosując mechanizm autouzupełniania, a starsze wyświetlą standardową listę rozwijalną: <input name="nazwa" list="identyfikator"> <datalist id="identyfikator"> <select name="nazwa"> <option value="wartość1" label="skrót1"> <option value="wartość2" label="skrót2"> </select> </datalist> Przykład <datalist>...
- HTML5 / Pasek postępu <progress>
...stopienia postępu - gdy bardziej czasochłonne zadanie jest w trakcie wykonywania, lecz nie wiadomo, kiedy zostanie ukończone. W takim przypadku przeglądarki mogą wyświetlić na ekranie specjalny animowany pasek postępu, którego pozycja będzie np. przechodzić w kółko z jego lewej na prawą stronę. Przykład <progress> Zobacz przykład: PROGRESS
Operacje na datach - Date.prototype / Konwersja do tekstu - toString...typu daty i czasu Zwraca datę i czas w postaci tekstowej. Uwzględnia aktualną strefę czasową. Format wyjściowy może się różnić w zależności od przeglądarki. Dla daty x = new Date(0), poniższa równość jest prawdziwa: Date.parse(x.toString()) == x.valueOf() Przykład Date.prototype.toString new Date(1410, 6, 15, 13, 30, 59).toString(); // np.: "Sun Jul 15 1410 13:30:59 GMT+0200" Date.prototype.toString.call(null); // TypeError Date.prototype.toString.call(undefined)...
- Operacje na datach - Date.prototype / Konwersja daty do tekstu - toDateString
...nie jest typu daty i czasu Zwraca datę w postaci tekstowej. Uwzględnia aktualną strefę czasową. Format wyjściowy może się różnić w zależności od przeglądarki. Aby wygenerować pełną datę i czas, użyj funkcji Date.prototype.toString. Przykład Date.prototype.toDateString new Date(1410, 6, 15).toDateString(); // np.: "Sun Jul 15 1410" Date.prototype.toDateString.call(null); // TypeError Date.prototype.toDateString.call(undefined); // TypeError...
- Operacje na datach - Date.prototype / Konwersja czasu do tekstu - toTimeString
...nie jest typu daty i czasu Zwraca czas w postaci tekstowej. Uwzględnia aktualną strefę czasową. Format wyjściowy może się różnić w zależności od przeglądarki. Aby wygenerować pełną datę i czas, użyj funkcji Date.prototype.toString. Przykład Date.prototype.toTimeString new Date(1410, 6, 15, 13, 30, 59).toTimeString(); // np.: "13:30:59 GMT+0200" Date.prototype.toTimeString.call(null); // TypeError Date.prototype.toTimeString.call(undefined); // TypeError...
- HTML5 / Responsywny obrazek <picture, source>
...stopień kompresji danych. Dzięki temu pliki w nich zapisane mogą być nawet kilkukrotnie lżejsze niż np. w tradycyjnym formacie JPG. Niestety starsze przeglądarki nie obsługują takich formatów, a wtedy na stronie zamiast pożądanej ilustracji użytkownik zobaczy zapewne ikonę zastępczą informującą o uszkodzonym pliku graficznym. Możemy jednak przygotować wiele formatów zdjęcia i dać przeglądarce możliwość wyboru. Każdy element SOURCE umieszczony wewnątrz znacznika PICTURE może mieć nadany inny...
HTML dla zielonych / Ćwiczenia...otworzy się w przeglądarce. Za każdym razem kiedy coś na niej zmienisz, po prostu ponownie zapisz plik w edytorze, a następnie przełącz się do przeglądarki i odśwież stronę (klawisz F5), aby zobaczyć efekty. Wróć do edytora HTML. Podziel tekst na akapity, tak aby był wygodniejszy w czytaniu. Wybierz fragmenty tekstu, na które Twoim zdaniem czytelnik powinien zwrócić szczególną uwagę i umieść je w znacznikach pogrubienia. Dodaj do strony ilustracje. W przypadku zdjęć i grafik należy...
Komendy CSS3 / Czcionki CSS...zobacz cechy indywidualne Media visual font-family Rodzaj czcionki Wartość [ <family-name> | <generic-family> ] Inicjalizacja zależy od przeglądarki Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media visual font-feature-settings Niskopoziomowa kontrola ustawień własności czcionek Wartość normal | <feature-tag-value> Inicjalizacja normal Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media visual font-kerning Odległość między...