Przejdź do treści

przeglądarki - Kurs HTML i CSS

  • HTML
    HTML5 / Element bierny <... inert>

    ...interaktywności dynamicznym elementom strony, które jeszcze nie do końca się wczytały albo chwilowo znajdują się poza zakresem widoczności okna przeglądarki, zanim użytkownik nie wykona jakiejś założonej akcji.

  • HTML
    HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>

    ...wewnątrz pola w postaci wyszarzonego tekstu Atrybut placeholder="..." podpowiada użytkownikowi, co powinien wpisać w danym polu formularza. Przez przeglądarki może być obsługiwany w ten sposób, że jego wartość będzie na początku wpisana w pole w postaci wyszarzonego tekstu, który zniknie po umieszczeniu w nim kursora tekstowego przez użytkownika i rozpoczęciu wpisywania właściwej wartości. Przykład <input placeholder> <input type="search" name="q" placeholder="Szukaj w serwisie...">...

  • HTML
    HTML5 / Sprawdzanie pisowni <... spellcheck>

    ...(to samo co użycie spellcheck jako atrybut logiczny - bez podania wartości). false - pisownia i gramatyka nie będą sprawdzane. Popularne przeglądarki mają wbudowaną funkcję automatycznego sprawdzania pisowni, a czasem nawet gramatyki, tekstu wpisywanego przez użytkownika np. w obszarze tekstowym. Może ona jednak przysporzyć sporo kłopotów, jeśli pole nie zostało przeznaczone do wprowadzania zwykłego tekstu, tylko np. kodu komputerowego. W takim przypadku czasem lepiej wyłączyć tę...

  • HTML
    HTML5 / Tłumaczenie językowe <... translate>

    ...się specjalne programy, służące do automatycznego tłumaczenia stron obcojęzycznych na język rodzimy użytkownika. Często są one również wbudowane w przeglądarki internetowe lub system operacyjny. Jednak nie każdy fragment tekstu powinien być tłumaczony. Na przykład kod programu, zawierający instrukcję w języku angielskim, powinien zostać nietknięty przez aplikację tłumaczącą. Aby zabronić tłumaczenia tekstu, należy do elementu, który go obejmuje, przypisać atrybut translate="no".

  • HTML
    HTML5 / Blokada autokorekty <... autocorrect>

    ...(to samo co użycie autocorrect jako atrybut logiczny - bez podania wartości). off - błędy pisowni nie będą automatycznie poprawiane. Niektóre przeglądarki (zwłaszcza mobilne) mają wbudowaną funkcję automatycznego poprawiania błędów pisowni, a czasem również automatycznego wstawiania znaków interpunkcyjnych i spacji, w tekście wpisywanym przez użytkownika np. w obszarze tekstowym. Charakteryzuje się ona przede wszystkim się tym, że błędne wyrazy są od razu zastępowane ich poprawną formą...

  • HTML
    HTML5 / Piaskownica zabezpieczająca <iframe sandbox>

    ...prezentację na zewnętrznych wyświetlaczach takich jak rzutniki, telewizory czy inne ekrany. allow-same-origin - zezwala odczytywać ciasteczka przeglądarki (ang. cookie) oraz dane użytkownika z innych podobnych mechanizmów. Oczywiście jeśli ramka pochodzi z zewnętrznej domeny, będzie miała dostęp tylko do swoich ciasteczek, a nie do danych z naszego serwisu. allow-scripts - zezwala na uruchamiania skryptów JavaScript. allow-top-navigation - pozwala na używanie atrybutu target="_top...

  • CSS
    Kaskadowe Arkusze Stylów / Cascading Style Sheets

    ...bardziej zaawansowany edytor tekstu. Posiada je np. MS Word i Open Office. Niestety część poleceń stylów nie jest interpretowana przez niektóre przeglądarki internetowe lub jest obsługiwana odmiennie. Dlatego zawsze należy sprawdzać efekty w praktyce - jeśli to możliwe, to najlepiej w kilku najbardziej popularnych przeglądarkach: Chrome, Firefox. Absolutnie nie trzeba się jednak obawiać stosowania CSS, ponieważ nie powodują one błędów w przeglądarkach, które ich nie obsługują. Nigdy nie...

  • CSS
    Wstawianie stylów CSS / Alternatywny arkusz stylów <link "alternate stylesheet">

    ...arkusza alternatywnego, nadal będzie wpływał na wygląd strony, a alternatywny zostanie do niego dopisany. Niestety współczesne popularne przeglądarki nie obsługują alternatywnych arkuszy stylów, jednak osadzenie ich w podany sposób nie powoduje błędów w wyświetlaniu strony. Dodatkowym rozwiązaniem może być skrypt Skórki, który ponadto zapamiętuje wybór dokonany przez użytkownika przy przechodzeniu pomiędzy stronami.

  • CSS
    Wstawianie stylów CSS / Zewnętrzny arkusz stylów <link "stylesheet"> @charset

    Spis treści <link "stylesheet"> @charset Zewnętrzny arkusz stylów <link stylesheet> Strona kodowa @charset Zewnętrzny arkusz stylów <link "stylesheet"> <head> (...) <link rel="stylesheet" href="style.css"> (...) </head> gdzie "style.css" jest zewnętrznym arkuszem stylów. Natomiast znaki (...) oznaczają inne polecenia, które zwykle pojawiają się w nagłówku dokumentu, np. deklaracja strony kodowej. Możliwość wstawiania zewnętrznego arkusza jest chyba jedną z największych zalet...

  • CSS
    Czcionki CSS / Rozciągnięcie czcionki {font-stretch}

    ...rozciągnięcie normal rozciągnięcie semi-expanded rozciągnięcie expanded rozciągnięcie extra-expanded rozciągnięcie ultra-expanded Niestety przeglądarki nie interpretują tego polecenia, więc prawdopodobnie nie zauważysz żadnego efektu.

« 1 ... 9 10 11 12 13 14 »

★★★★★ 5/5 (289)

Facebook