element - Kurs HTML i CSS
HTML5 / Artykuł <article>...na forum dyskusyjnym, wpis na blogu, komentarz użytkownika pod artykułem, interaktywny widget. W pojedynczym dokumencie może być więcej niż jeden element ARTICLE. Znaczniki te można również zagnieżdżać (umieszczać jeden w drugim). W takim przypadku oznacza to, że tematyka treści elementów podrzędnych (wewnętrznych) jest w istotny sposób powiązana z treścią, którą obejmuje znacznik nadrzędny (zewnętrzny). Na przykład nadrzędnym artykułem może być wpis na blogu, a podrzędnymi - komentarze...
- HTML5 / Wstawka <aside>
<aside>...</aside> Wstawka reprezentuje sekcję na stronie, która jest tylko nieznacznie powiązana tematycznie z treścią elementu, w którym się znajduje. Jednocześnie gdybyśmy usunęli taką sekcję z dokumentu, zarówno sam artykuł jaki i wyrwana z kontekstu sekcja nie utracą sensu ani swojej wewnętrznej kompletności. Typowe przeznaczenie: cytaty umieszczone w treści artykułu w postaci osobno wyróżnionych bloków, bannery reklamowe, grupy linków nawigacyjnych. Element ten nie nadaje się do...
- HTML5 / Załącznik <figure, figcaption>
...itp. W obszernych opracowaniach naukowych zwykle podaje się spis wszystkich ilustracji bądź diagramów, występujących w całej pracy. O tym, czy dany element nadaje się do oznaczenia go jako załącznik, najlepiej zdecydować, zadając sobie pytanie: czy moglibyśmy go przenieść na inną podstronę serwisu bez utraty spójności głównego tekstu dokumentu? Bardzo podobne przeznaczenie ma element ASIDE, jednak w odróżnieniu od FIGURE, jego zawartość jest tylko nieznacznie powiązana tematycznie z główną...
Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}...(ale nie sam kontener). Rozciągnięcie jest wyrażone liczbą naturalną (większą lub równą zero), która określa proporcje, w jakich będą rozciągane elementy w kontenerze. Domyślna wartość - zero - odbiera elementom elastyczność. Może się zdarzyć, że w jednym wierszu kontenera elastycznego mogłoby się zmieścić więcej elementów niż mamy zapewnionych. Wtedy zwykle z prawej strony pozostaje wolna przestrzeń. Możemy jednak sprawić, aby w takiej sytuacji szerokość elementów elastycznie dopasowała...
Operacje na tablicach w JavaScript - Array.prototype / Sprawdzanie obecności elementu w tablicy - indexOf...Opera, Chrome) Array.prototype.indexOf(searchElement) Array.prototype.indexOf(searchElement, fromIndex) Parametry: searchElement - poszukiwany element Number fromIndex - początkowy indeks poszukiwań (domyślnie: 0) Wartość: Number - indeks pierwszego znalezionego elementu Przeszukuje tablicę w kierunku jej końca pod kątem występowania w niej podanego elementu. Jeżeli element nie zostanie znaleziony, funkcja zwraca liczbę -1. Możliwe jest również ograniczenie zakresu poszukiwań do...
- Operacje na tablicach w JavaScript - Array.prototype / Przeszukiwanie tablicy od końca - lastIndexOf
...Chrome) Array.prototype.lastIndexOf(searchElement) Array.prototype.lastIndexOf(searchElement, fromIndex) Parametry: searchElement - poszukiwany element Number fromIndex - początkowy indeks poszukiwań (domyślnie: -1) Wartość: Number - indeks ostatniego znalezionego elementu Przeszukuje tablicę w kierunku jej początku pod kątem występowania w niej podanego elementu. Jeżeli element nie zostanie znaleziony, funkcja zwraca liczbę -1. Możliwe jest również ograniczenie zakresu poszukiwań do...
- HTML5 / Automatyczne zogniskowanie <... autofocus>
(interpretuje: Internet Explorer 10, Firefox 4, Opera 10, Chrome 5) Elementy bez znacznika zamykającego (np. INPUT): <element autofocus> Elementy ze znacznikiem zamykającym (np. TEXTAREA): <element autofocus>...</element> element Dowolny znacznik HTML 4.01 lub HTML5 Atrybut logiczny (wstawiany bez wartości), dzięki któremu po załadowaniu strony, kursor tekstowy zostanie automatycznie umieszczony w tak zaznaczonym polu formularza. Chociaż typowym zastosowanie atrybutu autofocus są...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...Rozplanowanie ustalone {table-layout: fixed} Rozplanowanie tabeli {table-layout} selektor { table-layout: rozplanowanie } Selektorem może być element TABLE [zobacz: Wstawianie stylów]. Natomiast jako "rozplanowanie" należy podać: auto - szerokość tabeli zależy od zawartości komórek (domyślnie) fixed - szerokość tabeli nie zależy od zawartości komórek Przy definiowaniu rozplanowania tabeli możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację...
Galeria zdjęć HTML / Skrypt galerii zdjęć...GalleryView.prototype._hide = function(name) { this[name].style.display = 'none'; }; GalleryView.prototype._setStyle = function(element, style) { if (element) { this._forEach(style, function(key, value) { element.style[key] = value; }); } }; GalleryView.prototype._createContainer = function() { var div = document.createElement('div'); this._setStyle(div, this.style.container); return div; }; GalleryView.prototype._createImage = function(src) { var img...
- Rozmiary CSS / Blok obejmujący CSS
Pozycja i rozmiar pudełka elementu są czasami obliczane względem pewnego prostokąta zwanego blokiem obejmującym (ang. "containing block"): Blok obejmujący w którym znajduje się element podstawowy (ang. "root") jest wyznaczany przez przeglądarkę (np. okno). Ten blok nazywany jest początkowym blokiem obejmującym. Dla innych elementów, które mają ustalone pozycjonowanie relatywne lub statyczne blok obejmujący jest tworzony przez najbliższy blok, komórkę tabeli lub inline-block będący przodkiem...