przeglądarka - Kurs HTML i CSS
HTML5 / Napisy do filmów <track>...niesłyszących albo transkrypcję dla niewidomych. W takim przypadku należy się posłużyć atrybutem kind="...". Określa on rodzaj napisów, dzięki czemu przeglądarka może wybrać odpowiedni w zależności od okoliczności. Dopuszczalne wartości tego atrybutu to: subtitles Typowe napisy, które widzimy np. w kinie na obcojęzycznych filmach. Są po prostu tłumaczeniem na język rodzimy wszystkich kwestii wypowiadanych przez aktorów na ekranie. captions Opisuje nie tylko dialogi, ale również wszystkie...
- Nagłówek i treść HTML / Ikona strony <link "shortcut icon">
...rozmiaru w jednym pliku. Przeglądarki pozwalają również używać innych formatów graficznych, takich jak np. PNG. Możemy również podać kilka ikon, a przeglądarka samodzielnie wybierze sobie taką, która jej najlepiej pasuje. W przypadku gdy więcej niż jedna z podanych ikon będzie odpowiednia, zostanie wybrana ostatnia z wymienionych. Na przykład: <link rel="icon" href="favicon.ico" sizes="16x16 32x32" type="image/vnd.microsoft.icon"> <link rel="icon" href="favicon.png" sizes="16x16...
- Komendy HTML 4.01 / NOFRAMES
Określa zawartość, która powinna być wyświetlona tylko wtedy, gdy przeglądarka nie obsługuje ramek (FRAMESET). Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie LANG="język" Informacja o języku bazowym (np.: LANG="en" oznacza...
Szablon strony na DIV-ach / Responsywny szablon...pomiędzy znacznikami <head> i </head>, następuje polecenie: <meta name="viewport" content="width=device-width, initial-scale=1"> Oznacza ono, że przeglądarka mobilna nie musi pomniejszać strony, ponieważ to my zadbamy o to, aby strona była wygodna w odbiorze na urządzeniach przenośnych [zobacz: Skalowanie]. Responsywne obrazki Następnie powinniśmy zadbać, aby w miarę możliwości wszystkie ilustracje na stronie były responsywne - zobacz: Responsywny obrazek. Punkty przeskoku Na koniec...
- Oprawa graficzna / Zamiennik obrazkowy
...zmieścić się na małym ekranie urządzenia mobilnego. Można co prawda je przeskalować, ale wtedy narażamy się na utratę jakości, a co najgorsze przeglądarka i tak musi pobrać sporej wagi pliki graficzne, co biorąc pod uwagę sposób naliczania kosztów połączeń np. w przypadku telefonii komórkowej, może być sporym obciążeniem finansowym, a już na pewno znacząco wydłuży ładowanie strony. Statyczne wstawianie obrazków, tworzących oprawę graficzną, jest niepoprawne semantycznie. Każdy znacznik...
- Odsyłacze HTML / Odsyłacz pocztowy <a "mailto">
...Dwie ostatnie wartości nie są wymagane, tzn. można ich nie podawać. Wadą stosowania skryptu zamiast zwykłego odsyłacza pocztowego jest to, że jeśli przeglądarka użytkownika nie obsługuje skryptów JavaScript, nie zobaczy on żadnego odnośnika i nie będzie się mógł z Tobą skontaktować. Na szczęście znacząca większość używanych dzisiaj przeglądarek internetowych, bez trudu sobie z tym radzi, dlatego ryzyko błędu nie jest takie duże. Uwaga! Jeśli zdecydujesz się na wykorzystanie skryptu, musi on...
- Multimedia HTML / Obrazek HTML <img>
...wyświetlony (np. jeśli użytkownik wyłączy wyświetlanie grafiki w swojej przeglądarce internetowej). Informacja alternatywna jest przydatna w przeglądarkach, które nie wyświetlają grafiki lub kiedy użytkownik wyłączył jej wyświetlanie albo dla osób niewidomych, które korzystają ze specjalnych syntezatorów mowy. UWAGA! Bardzo ważne: w nazwach plików lepiej nie używać: wielkich liter znaków, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich liter...
- Multimedia HTML / Uniwersalny sposób odtwarzania plików <a "jpg, avi, wav, txt, doc, rtf, xls, pdf", object>
...zależy nam na tym, aby plik multimedialny był odtwarzany wprost na stronie, a jednocześnie chcemy mieć pewność, że będzie on dostępny we wszystkich przeglądarkach, możemy użyć zagnieżdżania plików multimedialnych: <object data="ścieżka dostępu do pliku multimedialnego" width="szerokość" height="wysokość"> <a href="ścieżka dostępu do pliku multimedialnego">Pobierz plik</a> </object> gdzie zmodyfikować należy wyróżnione linijki, a kolejne wpisy w nich oznaczają: ścieżka dostępu do pliku...
- Komendy HTML 4.01 / OBJECT
...o języku bazowym (np.: LANG="en" oznacza angielski, LANG="pl" - polski itd.) NAME="nazwa" Nazywa element STANDBY="tekst" Podaje wiadomość, którą przeglądarka może odtworzyć, podczas ładowania implementacji i informacji obiektu STYLE="styl" Informacje stylów (CSS) TABINDEX="liczba" Określa pozycję elementu w kolejności wybierania tabulatorem TITLE="tekst" Tekst pomocniczy TYPE="typ" Typ zawartości informacji podanych w atrybucie DATA USEMAP="adres" Wiąże mapę odnośników (MAP) z...
- Formularze HTML / Lista rozwijalna <select, option, optgroup>
...ale domyślnie na ekranie wyświetla się tylko jedna z nich, a dopiero po kliknięciu rozwijają się kolejne. Ponadto jeśli opcji będzie bardzo dużo, przeglądarka pokaże pionowy suwak do ich przewijania. Jak zrobić listę rozwijaną w HTML? Lista rozwijana jest jednym z rodzajów pól formularza. Aby wstawić pole takiego typu na stronie i umieścić w nim np. trzy opcje, można się posłużyć następującym kodem: <select name="..."> <option>Opcja 1</option> <option>Opcja 2</option> <option>Opcja...