bezpośrednio - Kurs HTML i CSS
HTML5 / Wstawka <aside>...powiązana tematycznie z resztą treści w dokumencie HTML5. Na przykład mogą to być bannery reklamowe albo wtrącone cytaty, do których nie na żadnego bezpośrednio odniesienia w pozostałej części artykułu ani one nie odnoszą się również wprost do tego artykułu, a zostały w tym miejscu zamieszczone tylko dlatego, że w sposób ogólny pasują do kontekstu treści na stronie. Kiedy ASIDE a kiedy ARTICLE? Oba te znaczniki tworzą nową sekcję w dokumencie, która w innym kontekście mogłaby...
- HTML5 / Załącznik <figure, figcaption>
...Oba również z powodzeniem moglibyśmy umieścić na osobnej stronie - poza artykułem, w którym pierwotnie się znalazły. Jednak treść artykułu zwykle bezpośrednio odnosi do występujących w nim ilustracji i diagramów, dlatego co najwyżej moglibyśmy przenieść je na inną podstronę serwisu, a w artykule wstawić do nich odsyłacz. Z tego powodu stosuj znacznik FIGURE zawsze wtedy, gdy po usunięciu jego zawartości z serwisu pozostała treść utraciłaby wewnętrzną spójność. Natomiast jeżeli nawet po...
- HTML5 / Wstępne ładowanie <link "preload" as>
...można użyć <link rel="preload" href="script.js" as="script">. Stosuje się je, gdy zasoby są kluczowe dla wydajności lub w czasie, gdy nie są jeszcze bezpośrednio używane, ale będą potrzebne wkrótce. Jak działa wstępne ładowanie? Wstępne ładowanie działa poprzez wczytywanie zasobów, takich jak pliki CSS, JavaScript lub obrazy, zanim zostaną one potrzebne przez stronę. Używa się do tego tagu <link rel="preload" href="resource.css" as="style"> lub innych mechanizmów, aby przeglądarka mogła...
- HTML5 / Pobieranie <a download, area download>
...wskazanego dokumentu *.html na dysk lokalny użytkownika - w przeciwnym razie po kliknięciu odnośnika nastąpiłoby wyświetlenie wskazywanego dokumentu bezpośrednio w przeglądarce, a nie rozpoczęcie jego pobierania. Jeżeli podano wartość tego atrybutu, określa ona domyślną nazwę, jaką powinien przyjąć plik, po zapisaniu go na dysku lokalnym użytkownika.
- HTML5 / Pominięcie walidacji formularza <form novalidate>
...formularza HTML jest użyteczne, ale często niewystarczające, zwłaszcza w bardziej zaawansowanych aplikacjach. Walidacja po stronie klienta (tzn. bezpośrednio w przeglądarce) może być łatwo omijana przez złośliwych użytkowników, dlatego powinna być uzupełniona walidacją po stronie serwera, aby zapewnić pełne bezpieczeństwo i poprawność danych. Czym jest brak sprawdzania poprawności w HTML? Brak sprawdzania poprawności w HTML oznacza celowe pominięcie procesu walidacji formularza przed...
- HTML5 / Osadzenie kodu HTML w ramce lokalnej <iframe srcdoc>
...jest bezpieczny? Użycie srcdoc="..." jest bezpieczne, pod warunkiem że kontrolujesz zawartość osadzaną wewnątrz ramki. Ponieważ kod HTML jest bezpośrednio osadzany w dokumencie, nie ma ryzyka wstrzyknięcia nieautoryzowanego zewnętrznego kodu. Jednak należy uważać na potencjalne zagrożenia związane z możliwością uruchamiania niebezpiecznych skryptów, dlatego warto rozważyć zastosowanie atrybutu sandbox w celu ograniczenia dostępu do potencjalnie niebezpiecznych funkcji.
- HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>
...popovera hide - zamykanie popovera Popover to element w postaci domyślnie ukrytego okna dialogowego, które po otworzeniu wyświetla się bezpośrednio w obrębie strony ponad jej standardową zawartością. W rzeczywistości popover jest integralnym elementem strony, a nie osobnym elementem interfejsu przeglądarki. W związku z tym nie wyskakuje on poza obręb karty przeglądarki, jak to ma miejsce w przypadku okien pop-up i pop-under. Aby stworzyć okienko popover, należy wykonać...
- HTML5 / Kategorie elementów HTML5
...LINK (rel="..." z jedną z wartości: dns-prefetch, modulepreload, pingback, preconnect, prefetch, preload, stylesheet), MAIN (jeżeli zawiera się bezpośrednio lub pośrednio tylko w: HTML, BODY, DIV, FORM), MAP, MARK, MENU, META (itemprop="..."), METER, NAV, NOSCRIPT, OBJECT, OL, OUTPUT, P, PICTURE, PRE, PROGRESS, Q, RUBY, S, SAMP, SCRIPT, SEARCH, SECTION, SELECT, SLOT, SMALL, SPAN, STRONG, sub, sup, TABLE, TEMPLATE, TEXTAREA, TIME, U, UL, VAR, VIDEO, WBR sekcje (ang. sectioning content)...
Selektory elementów CSS / Selektor braci...być czerwone). Tutaj kończy się akapit. To jest następny akapit, a w nim kolejne pogrubienie (nie powinno być czerwone), które nie sąsiaduje bezpośrednio z żadnym pochyleniem. Jeśli używasz Internet Explorera 6, interpretacja powyższego przykładu prawdopodobnie nie będzie poprawna. Tylko pogrubienie, które zostało wpisane w pierwszym akapicie jako pierwsze w kolejności, powinno być czerwone.
- Selektory specjalne CSS / Klasy selektorów <... class>
...Dzięki temu możemy np. ustalić określone atrybuty dla danego elementu (selektora) na całej stronie, a jednocześnie zmienić wygląd tylko niektórych, bezpośrednio przy nich. Nie musimy już wtedy za każdym razem wpisywać stylu inline, którego zapis czasem może być dosyć długi, ale wystarczy odwołać się do nazwy klasy z arkusza. Deklaracja klasy jest przydatna szczególnie, jeśli na wielu stronach serwisu znajdują się elementy mające takie samo formatowanie, a dodatkowo nie można dla nich...