dane - Kurs HTML i CSS
Języki / Strony kodowe...przydatna może być również opcja Przełącznik języków, dzięki której można się będzie płynnie przełączać pomiędzy różnymi językami, które zostały dodane w systemie. Zadeklarować w treści nagłówkowej dokumentu - wewnątrz HEAD [zobacz: Ramy dokumentu] odpowiednią stronę kodową: <meta charset="strona kodowa"> gdzie wyrażenie "strona kodowa" oznacza kod wybranego kodowania znaków (zgodnie z językiem), np. iso-8859-2. Różne 8-bitowe strony kodowe możesz znaleźć w tabeli poniżej. Mocno odradza...
- HTML5 / Artykuł <article>
...w swoim kanale RSS (nawet jeśli formalnie tego nie robimy). Element ARTICLE nie nadaje się do oznaczania informacji o autorstwie artykułu. Takie dane powinny być objęte znacznikiem ADDRESS (o ile zawierają informacje kontaktowe) i najczęściej wstawione w stopce artykułu (element FOOTER). Przykład <article> Najlepszym sposobem oznaczenia w HTML5 wpisu na blogu wraz z komentarzami użytkowników, mogłoby być: <article> <h1>Mój pierwszy wpis na blogu</h1> <p>Stało się. Postanowiłem założyć...
- HTML5 / Zmienione elementy i atrybuty HTML5
...atrybutu type="..." - np.: "text/plain", "text/xml", "application/octet-stream", "application/xml". W tak oznaczonym elemencie można zapisać surowe dane dla dynamicznych skryptów używanych na stronie. SMALL Reprezentuje przypisy (wyjaśnienia, zastrzeżenia, ograniczenia prawne, prawa autorskie). STRONG Oznacza wysoką ważność, a nie mocne wyróżnienie tekstu. TH Może zawierać również elementy blokowe z wyjątkiem: HEADER, FOOTER, sekcji (ARTICLE, ASIDE, NAV, SECTION), nagłówków (H1, H2, H3...
- HTML5 / Data i czas <time>
...się różnorodne daty czy oznaczenia czasu: publikacja artykułu, wysłanie komentarza, zaplanowane wydarzenia i ich godzinowy rozkład dnia. Takie dane mogłyby zostać wykorzystane np. do automatycznego tworzenia kalendarzy. Problem w tym, że zwykle są one podane w postaci czytelnej dla użytkowników, a nie dla maszyn. Trudno się spodziewać, że automat będzie w stanie poprawnie zinterpretować tekstową nazwę miesiąca w każdym języku mówionym świata. Poza tym w różnych krajach istnieją odmienne...
- HTML5 / Otwierany panel <details, summary>
...na stronach, zawierających dużo informacji. Aby nie przytłoczyć użytkownika, czasami lepiej jest na początku wyświetlić mu tylko podstawowe dane, a do szczegółów dać dostęp dopiero, kiedy zyskamy jego zainteresowanie konkretnym elementem strony. Do tej pory jedynym sposobem wstawienia takiego otwieranego panelu było użycie dynamicznych skryptów JavaScript. HTML5 pozwala to wykonać bez ich potrzeby. W stanie zamkniętym, przeglądarka zamiast treści wpisanej w znaczniku, wyświetla tylko...
- HTML5 / Element edytowalny <... contenteditable>
...jest przydatne w aplikacjach takich jak edytory tekstu online, pola do szybkiego edytowania treści lub formularze, gdzie użytkownik może wprowadzać dane bez potrzeby dodatkowych pól wejściowych. Przykład: <div contenteditable="true">Edytowalny tekst</div>.
- HTML5 / Grupowa blokada pól formularza <fieldset disabled>
(interpretuje: Firefox 4, Opera 10, Chrome 20) <fieldset disabled>...</fieldset> Element FIELDSET może mieć przypisany atrybut logiczny (wstawiany bez wartości) disabled. Spowoduje on zablokowanie wszystkich pól formularza objętych tym znacznikiem. Przykład <fieldset disabled, legend, input> Wszystkie poniższe pola formularza powinny zostać zablokowane: <fieldset disabled> <legend>Formularz</legend> <input type="text" name="pole"> <input type="radio" name="opcja" value="1"> <input...
- HTML5 / Przypisanie pola do formularza <button form, fieldset form, input form, object form, output form, select form, textarea form>
(interpretuje: Firefox 4, Opera 10, Chrome 10) Przycisk: <button form="identyfikator">...</button> Grupa pól formularza: <fieldset form="identyfikator">...</fieldset> Pole formularza: <input form="identyfikator"> Obiekt: <object form="identyfikator"></object> Dane wyjściowe: <output form="identyfikator">...</output> Lista rozwijalna: <select form="identyfikator">...</select> Obszar tekstowy: <textarea form="identyfikator">...</textarea> identyfikator Należy podać wartość...
- HTML5 / Podpowiedź pola formularza <input placeholder, textarea placeholder>
...to jest "placeholder" HTML? Placeholder w HTML to atrybut, który wyświetla tymczasowy tekst w polu formularza, zanim użytkownik wprowadzi własne dane. Jest on używany jako wskazówka lub sugestia, co należy wpisać w danym polu, np.: placeholder="Wprowadź swój e-mail". Jak ustawić "placeholder"? Aby ustawić "placeholder" w polu formularza HTML, należy dodać atrybut placeholder="..." do elementu <input> lub <textarea> . Przykład: <input type="text" placeholder="Wprowadź swoje imię"> lub...
- HTML5 / Walidacja pól formularza <input pattern>
...12-345)"> Zobacz przykład: pattern="..." Pytania i odpowiedzi Co to znaczy błąd walidacji formularza? Błąd walidacji formularza oznacza, że dane wprowadzone przez użytkownika nie spełniają określonych kryteriów poprawności, takich jak brak wymaganych pól, niewłaściwy format danych (np. adres e-mail), czy też niezgodność z innymi ograniczeniami (np. minimalna długość hasła). W efekcie formularz nie zostanie przesłany, dopóki błędy nie zostaną poprawione. Jakie elementy walidacji...