wczytywanie - Kurs HTML i CSS
Widżety HTML / Wczytywanie strony do ramki lokalnej <a target>Spis treści <a target> Wczytywanie strony do ramki lokalnej <a target> Wczytanie stron do dwóch ramek Wczytywanie strony do ramki lokalnej <a target> <a target="cel" href="lokalizacja">opis</a> Jak widać powyższe polecenie jest odsyłaczem. Posiada on jednak dodatkowy atrybut target="..." pozwalający wczytać stronę do wybranej przez nas ramki - w szczególności innej niż ta, w której znajduje się odnośnik. Dzięki temu treść w takiej ramce (okienku) może się zmieniać, nawet już po...
- HTML5 / Wstępne ładowanie <link "preload" as>
...do momentu, kiedy użytkownik przewinie do niego okno przeglądarki. Język HTML5 wprowadził specjalny mechanizm, dzięki któremu można przyspieszyć wczytywanie zewnętrznych elementów potrzebnych do wyświetlenia strony poprzez załadowane ich z wyprzedzeniem, zanim przeglądarka faktycznie będzie ich potrzebować. W tym celu w nagłówku strony wystarczy wstawić znacznik LINK z odpowiednimi atrybutami rel="preload" i as="...". Przykład <link "preload" as> Ten obrazek zostanie załadowany z...
Czcionki CSS / Czcionki osadzone @font-face...url(http://adres/plik.ttf) format("truetype"); } Przeglądarki takie jak: Firefox 3, Opera 10, Chrome 4 czy Safari bez problemu radzą sobie z wczytywaniem fontów wprost z plików *.ttf. Niestety nie wszystkie przeglądarki to potrafią. Microsoft wprowadził własny format czcionek osadzonych - Embedded OpenType (pliki *.eot). Za pomocą specjalnego programu - WEFT można skonwertować do tego formatu czcionki, które są odpowiednio wyprodukowane i nie posiadają zakazu ich publikacji. Istnieją...
- Widżety HTML / Ramki lokalne <iframe>
...ramek 🙁 Nazwa ramki <iframe name> <iframe src="lokalizacja" name="Tu wpisz nazwę ramki">...</iframe> Nadanie nazwy ramce umożliwia później wczytywanie do niej innych stron [zobacz: Wczytywanie strony do ramki lokalnej]. Nazwa ramki musi rozpoczynać się od litery Lepiej również nie używać: wielkich liter, znaków specjalnych (np.: \ / : * ? " < > |), spacji (w zamian używaj podkreślnika "_", ale nie na początku), polskich liter. W pojedynczym dokumencie HTML nie mogą się znajdować...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...plikach z rozszerzeniem *.js i osadza na stronie przy użyciu znacznika SCRIPT - podając do nich odnośnik w atrybucie src="...". W trybie domyślnym wczytywanie dokumentu zostaje zatrzymane po napotkaniu tak osadzonego skryptu i kontynuowane 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ł...
- HTML dla zielonych / Gotowiec HTML
...wyborze gotowego szablonu warto zwrócić uwagę na pewne rzeczy. Niektóre szablony wyglądają nawet bardzo dobrze, ale są tak przeładowane grafiką, że wczytywanie takiej strony może potrwać bardzo długo. Dodatkowo szczególnie jeśli korzystasz z obcojęzycznych szablonów, należy sprawdzić sposób kodowania znaków. W nagłówku każdej strony HTML musi znajdować się linijka: <meta charset="utf-8"> (zobacz: Ramy dokumentu). Brak podobnej linijki w nagłówku strony albo istniejące wpisy typu: <meta...
- Tekst HTML / Komentarz HTML
...długich fragmentów strony, ponieważ niezależnie od tego, że nie są one widoczne na ekranie, to nadal figurują w kodzie źródłowym i spowalniają wczytywanie. Nie są natomiast wczytywane obrazki i inne osadzone pliki. Ponadto trzeba uważać, aby wybrany fragment nie zawierał wstawionych wcześniej komentarzy, ponieważ spowodowałoby to zagnieżdżenie, co jest niedozwolone: <!--<p> Ten fragment pokazuje przykład, w jaki sposób nie można używać <b>komentarza HTML</b>... <!-- Ten komentarz jest...
- Podcast HTML / #7 Widżety HTML
Pobierz plik MP3... Zobacz więcej... Wszystkie odcinki podcastu HTML: #1 HTML dla zielonych #2 Nagłówek i treść HTML #3 Tekst HTML #4 Odsyłacze HTML #5 Tabele HTML #6 Multimedia HTML #7 Widżety HTML #8 Formularze HTML #9 HTML5 Widżety HTML i ramki - wprowadzenie Ramki HTML umożliwiają stworzenie strony WWW podzielonej na kilka okienek. Ramka to dodatkowe okienko, które często posiada własne suwaki do przewijania zawartości, a jest umieszczone bezpośrednio na stronie...
- Podcast HTML / #9 HTML5
...fetchpriority: pozwala określić priorytet ładowania krytycznych zasobów (<img>, <link>, <script>) jako low, high lub auto, co zapewnia szybsze wczytywanie ważnych elementów. rel="preload" w <link>: służy do wstępnego ładowania zewnętrznych zasobów, zanim będą potrzebne, za pomocą atrybutów as="..." (określającego rodzaj zasobu, np. image, script, style) i href="...". async w <script>: włącza asynchroniczne ładowanie skryptu JavaScript z zewnętrznego pliku, co zapobiega blokowaniu...
- Szablon strony na DIV-ach / Semantyczny szablon strony
...do prezentacji danych tabelarycznych, a nie do tworzenia szablonów - jest to poważny błąd semantyczny. Zwiększają rozmiary dokumentów (dłuższe wczytywanie i wyższe opłaty za transfer). Znacznie ograniczają możliwości stylizacji za pomocą CSS. Utrudniają odbiór treści przez osoby niewidome oraz użytkowników przeglądarek tekstowych. Zwykle wpływają negatywnie na pozycję serwisu w wynikach wyszukiwania. Czasami osoby początkujące, dowiadując się, jakie to "złe" są tabelki, próbują w...