treść - Kurs HTML i CSS
HTML5 / Wstawka <aside>...</aside> <p>Albert Einstein był jednym z najwybitniejszych fizyków-teoretyków. Laureat nagrody Nobla.</p> </article> Warto zwrócić uwagę, że gdyby treść artykułu była sformułowana w inny sposób, usunięcie z niej cytatu mogłoby nie być możliwe bez utraty wewnętrznej kompletności tekstu. W takim przypadku użycie znacznika ASIDE nie byłoby właściwe: <article> <h1>Szczególna teoria względności</h1> <p>Ta teoria fizyczna, stworzona w 1905 roku, zrewolucjonizowała sposób pojmowania otaczającej...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...dalej, dopiero kiedy w całości się on załaduje. Często tylko niepotrzebnie wydłuża to czas, po którym użytkownik może już przeglądać pozostałą treść strony. Korzystniej by było od razu wyświetlić podstawową treść tekstową strony, tak aby czytelnik mógł już się zacząć z nią zaznajamiać, a w tym czasie w tle doładować wszystkie potrzebne pliki dynamicznych skryptów. W języku HTML 4.01 służył do tego atrybut logiczny defer. Oznaczony nim skrypt ładuje się dopiero po wczytaniu wszystkich...
Marginesy CSS / Atrybuty mieszane marginesu wewnętrznego {padding}...wewnątrz elementu, pomiędzy treścią a jego obramowaniem. Na przykład: "padding: 10px" dodaje 10 pikseli odstępu wewnątrz elementu, oddzielając treść od obramowania. Jaka jest różnica między "padding" a "margin"? Różnica między padding a margin polega na ich funkcji i wpływie na układ elementów. margin tworzy odstęp zewnętrzny między elementem a jego otoczeniem, oddzielając go od innych elementów. Z kolei padding tworzy odstęp wewnętrzny pomiędzy zawartością elementu a jego...
- Marginesy CSS / Wymiarowanie pudełka {box-sizing}
...zarządzać wymiarami elementów w modelu pudełkowym. Domyślnie wartość box-sizing to content-box, gdzie szerokość i wysokość elementu obejmują tylko treść. Co to jest "box-sizing: border-box"? "box-sizing: border-box" to wartość właściwości CSS box-sizing, która definiuje, że szerokość i wysokość elementu będą obejmować treść, padding oraz obramowanie, ale nie będą uwzględniać marginesów. Dzięki temu, niezależnie od dodanych paddingów i obramowania, cały rozmiar elementu będzie taki, jak...
- Drukowanie CSS / Przełamanie strony {page-break-before, page-break-after}
...always } lub z podaniem klasy: h1.tytul { page-break-before: always } Dzięki temu każdy rozdział rozpocznie się na nowej stronie, co sprawi, że treść będzie wyglądała bardziej estetycznie. Takie rozwiązanie nie jest jednak zbyt odpowiednie, jeśli strona zawiera bardzo krótkie rozdziały, ponieważ wtedy wydruk będzie składał się większej ilości stron, które nie będą całkowicie zapełnione (właściciel drukarki może nie być tym zachwycony 🙂). Innym przydatnym zastosowaniem page-break-after...
- Układ wielokolumnowy CSS / Multi-column layout
...pokonywać długiej drogi. Wiele nowoczesnych serwisów internetowych również składa się z kilku kolumn, ale najczęściej inaczej niż w gazecie właściwa treść artykułu znajduje się w pojedynczej kolumnie, a pozostałe kolumny są przeznaczone na menu lub inne elementy kontekstowe (popularne odnośniki, inne podobne artykuły czy reklamę). Jest to zatem sytuacja zupełnie inna, choć w wielu przypadkach całkowicie pożądana. Gazetowy układ wielokolumnowy teoretycznie można próbować symulować za pomocą...
- Selektory CSS
...P:first-line pierwsza linijka akapitu P Pierwsza linia 1 P:first-letter pierwsza litera akapitu P Pierwsza litera 1 E:before wstawia treść przed zawartością elementu E Przed... 2 E:after wstawia treść po zawartości elementu E Po... 2 Selektory pseudoklas Wzór Znaczenie Opis CSS E:root element E, który jest korzeniem dokumentu Korzeń 3 E:nth-child(n) E:nth-last-child(n) E:nth-of-type(n) E:nth-last-of-type(n) element E, który jest odpowiednio: n-tym...
- Układ elastyczny CSS / Flexbox
...W niektórych sytuacjach cierpiała na tym dostępność serwisu. Syntezatory mowy, stosowane w przeglądarkach używanych przez osoby niewidome, odczytują treść strony w kolejności jej występowanie w kodzie źródłowym HTML, a nie wizualnego ułożenia bloków na ekranie. Dlatego często korzystniej jest, aby najpierw w kodzie umieścić treść artykułu, a dopiero po niej rozbudowane menu nawigacyjne. Niestety w takiej sytuacji nie można było stworzyć prawdziwie elastycznego układu strony, z kolumną menu po...
Nowe okno / Jedno okno...dalej). W pierwszym wariancie okno zostanie otwarte dopiero po wczytaniu i wyświetleniu całej strony, w drugim - jeszcze zanim zostanie załadowana treść dokumentu, a w trzecim - po kliknięciu odpowiedniego odsyłacza, czyli specjalnie wyróżnionego tekstu. Wszystkie powyższe warianty otwierają okna typu pop-up tzn., że pokazują się one na wierzchu, zasłaniając sobą stronę główną. Jest to bardzo uciążliwe, ponieważ zmusza użytkownika do natychmiastowego zamknięcia lub zminimalizowania takiego...
- HTML dla zielonych / Zaczynamy kurs HTML!
...nauczę! i tym podobne, bo to nieprawda. Zacznij już lepiej czytać. Mam tylko jedną prośbę: postaraj się przeczytać w miarę uważnie i po kolei całą treść na tej stronie. Jeśli pominiesz jakiś punkt lub przeczytasz go zbyt pobieżnie, może to spowodować, że nie zrozumiesz następnych. Źródła Opis tutaj zawarty, został opracowany na podstawie następujących specyfikacji: HTML 4.01 Specification XHTML 1.0 The Extensible HyperText Markup Language XHTML 1.1 - Module-based XHTML HTML Standard...