element - Kurs HTML i CSS
Dobre praktyki / Przykazania webmastera...tekstu Używaj polskich znaków diakrytycznych Rozpoczynaj pracę od stworzenia semantycznego kodu HTML bez żadnej stylizacji Nie używaj elementów ani atrybutów zdeprecjonowanych Unikaj stosowania ramek - zarówno tradycyjnych jak i lokalnych Nie stosuj tabelek do budowania układu strony Nawigacja musi być intuicyjna i wygodna Unikaj używania atrybutu target="..." dla odsyłaczy Nie używaj znaczników img do wstawiania grafiki tworzącej oprawę graficzną strony Zawsze wypełniaj...
Komendy HTML 4.01 / ZdarzeniaSpis treści Wstęp Spis wszystkich zdarzeń generowanych przez elementy Wstęp Zdarzenia są automatycznie generowane przez element, którego dotyczą, zawsze wtedy, gdy zajdą określone okoliczności (spisane poniżej). Takie zdarzenie można przechwycić i wykonać jakąś czynność, gdy zajdą podane warunki (np. wyświetlenie okienka, po kliknięciu elementu myszką). Aby możliwa była obsługa wygenerowanego zdarzenia, należy podać polecenia, które będą w takim przypadku wykonane. Wpisuje się je...
- HTML5 / Sprawdzanie pisowni <... spellcheck>
(interpretuje: Internet Explorer 10, Firefox 2, Opera 11.5, Chrome 9) Elementy bez znacznika zamykającego (np. INPUT) - wersja podstawowa: <element spellcheck> Elementy bez znacznika zamykającego - wersja rozszerzona: <element spellcheck="pisownia"> Elementy ze znacznikiem zamykającym (np. TEXTAREA) - wersja podstawowa: <element spellcheck>...</element> Elementy ze znacznikiem zamykającym - wersja rozszerzona: <element spellcheck="pisownia">...</element> element Znaczniki: dowolne...
- HTML5 / Blokada autokorekty <... autocorrect>
(interpretuje: Safari z wartościami true/false zamiast on/off) Elementy bez znacznika zamykającego (np. INPUT) - wersja podstawowa: <element autocorrect> Elementy bez znacznika zamykającego - wersja rozszerzona: <element autocorrect="autokorekta"> Elementy ze znacznikiem zamykającym (np. TEXTAREA) - wersja podstawowa: <element autocorrect>...</element> Elementy ze znacznikiem zamykającym - wersja rozszerzona: <element autocorrect="autokorekta">...</element> element Znaczniki...
- Kursory CSS / Kształt kursora {cursor}
...dowolny znacznik [zobacz: Wstawianie stylów]. Natomiast "rodzaj" odpowiada za kształt, jaki przybierze wskaźnik myszki, po naprowadzeniu go na dany element. Kursory ogólnego przeznaczenia auto - automatyczny wybór kształtu kursora (zależy od typu elementu, na który wskazujemy - tryb domyślny) Przykład Wskaż ten tekst myszką Zauważ, że kształt kursora typu "auto" powinien zmieniać się w zależności od tego, czy wskażesz myszką tekst czy fragment tła znajdującego się pod nim (już bez...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...Elementy inline-block, nie-zastępowane Elementy inline-block, zastępowane Wstęp Podanie wartości auto dla własności określającej szerokość elementu (width) lub jego marginesy (margin-left, margin-right) pozwala dopasować wybrany tą metodą wymiar w taki sposób, aby element poprawnie wyświetlił się w każdych warunkach. Poniżej znajdziesz opis wyznaczania szerokości i marginesów automatycznych dla różnych typów elementów w różnych przypadkach. Nie musisz od razu nauczyć się wszystkich...
- HTML5 / Atrybuty danych <... data-...>
Elementy bez znacznika zamykającego z atrybutem logicznym: <element data-nazwa> Elementy bez znacznika zamykającego z atrybutem o podanej wartości: <element data-nazwa="wartość"> Elementy ze znacznikiem zamykającym z atrybutem logicznym: <element data-nazwa>...</element> Elementy ze znacznikiem zamykającym z atrybutem o podanej wartości: <element data-nazwa="wartość">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 nazwa Musi rozpoczynać się małą literą łacińską, znakiem...
- HTML5 / Przeciągnij i upuść <... draggable>
(interpretuje: Internet Explorer 11, Firefox 2, Opera 12.1, Chrome 4) Elementy bez znacznika zamykającego (np. IMG): <element draggable="przeciąganie"> Elementy ze znacznikiem zamykającym (np. A): <element draggable="przeciąganie">...</element> element Dowolny znacznik HTML 4.01 lub HTML5 przeciąganie Może przyjąć jedną z następujących wartości: true - element można przeciągnąć myszką. false - element nie może zostać przeciągnięty. Pozwalają sterować mechanizmem...
- Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
...być praktycznie dowolny znacznik, przy czym dziecko zawiera się w znaczniku rodzica [zobacz: Wstawianie stylów]. Cykl określa sposób powtarzania elementów: An+B An B (dla n≥0 - liczba naturalna z zerem) gdzie A (okres) i B (przesunięcie początkowe) są liczbami całkowitymi (mogą być dodatnie, ujemne lub wynosić zero) - zobacz szczegółowe wyjaśnienie dalej odd elementy nieparzyste (to samo co: 2n+1) even elementy parzyste (to samo co: 2n) Natomiast wyrazy "cecha" oraz "wartość...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
Różnice w wyznaczaniu rozmiaru elementów - własności width oraz height. W trybie Quirks marginesy wewnętrzne i obramowanie zawierają się wewnątrz rozmiarów elementu, natomiast wg CSS na zewnątrz. [Porównaj: Model pudełkowy wg CSS 2] Nie dotyczy przeglądarki Firefox ani Opera. We wcześniejszych wersjach Internet Explorera przedstawiony wyżej model określania rozmiarów wg CSS odnosi się tylko do szerokości komórek tabeli, ale nie do ich wysokości. Wcześniejsze wersje MSIE nie stosowały tych...