• 
  Widżety / Wstęp

  ...Dzięki tej własności są szczególnie chętnie używane przez twórców różnego rodzaju widżetów, czyli specjalnych gotowych wstawek, które można osadzić na swojej stronie. W ten właśnie sposób osadza się np. filmiki z YouTube'a, a także posty z Facebooka czy Twittera. Każdy z tych serwisów udostępnia do użycia gotowe widżety. Przygotowany do wstawienia krótki kod takiego widżetu można pobrać najczęściej wybierając opcję "Umieść", "Osadź" lub "Zamieść". Właścicielom tych witryn zależy na...

• 
  Multimedia / Osadzenie pliku <embed>

  ...w pakiet biurowy WordPerfect Office 2000, natomiast aby przeglądać pliki PDF, trzeba dysponować darmowym programem Adobe Reader. Aby można było osadzić na stronie WWW plik PDF, użytkownik oglądający nasz serwis musi mieć zainstalowany program Adobe Reader. Dodatkowo należy pamiętać o podaniu rozmiarów obiektu EMBED (atrybuty width="..." oraz height="..."), ponieważ jeśli tego nie zrobimy, możemy otrzymać zbyt małe okienko (uniemożliwiające czytanie). Przykład <embed> Aby zobaczyć...

• 
  Widżety / Ramki lokalne <iframe>

  ...tylko jakiś fragment z innego dokumentu HTML i pokazać go w ramce na naszej stronie. Możesz jednak poszukać, czy serwis którego fragment chcesz osadzić na swojej stronie, nie udostępnia czasem gotowych widżetów do wstawiania w innych witrynach. Tego typu wstawki najczęściej korzystają właśnie ze znacznika IFRAME i być może znajdziesz taką, która wyświetla dokładnie to, czego potrzebujesz.

• 
  HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>

  ...low - wskazany zasób załaduje się później względem innych tego samego rodzaju. auto - wartość domyślna Na stronie internetowej możemy osadzić wiele zasobów ładowanych z zewnętrznych plików - takich jak: obrazki, skrypty czy arkusze stylów. Aby przyspieszyć proces wczytywania takich elementów, mogą być one ładowane równocześnie. Przeglądarka jednak nie wie, które z nich w każdej spośród tych grup są ważniejsze, a które mniej ważne. W konsekwencji elementy kluczowe dla działania...

• 
  HTML5 / Piaskownica zabezpieczająca <iframe sandbox>

  ...ani świadomie nie zainstalujemy mu konia trojańskiego czy wirusa. Nie zawsze jednak mamy pełną kontrolę nad wyświetlaną u nas treścią. Możemy chcieć osadzić na stronie jakiś widżet pochodzący z innego serwisu. Może on być bardzo przydatny, ale nie da się wykluczyć złych zamiarów jego twórcy lub przejęcia kontroli nad jego serwisem przez osoby o takich zamiarach. W celu uniknięcia takiego zagrożenia powstał atrybut sandbox (z ang. piaskownica). Jeśli dodamy go do znacznika IFRAME jako atrybut...

• 
  Czcionki / Czcionki osadzone @font-face

  ...osadzonej "comic".</p> </body> </html> Warto pamiętać, że jeśli chcemy przypisać tak zdefiniowaną czcionkę do wielu elementów na stronie, wystarczy osadzić ją tylko raz (pierwsze polecenie w arkuszu stylów powyżej), a następnie można przypisywać ją dowolną liczbę razy (drugie polecenie). Jako adres URL można podać także ścieżkę dostępu do pliku czcionki, wyznaczaną względem arkusza CSS, a nie dokumentu HTML, w którym ten arkusz został dołączony. Opcjonalnie zaleca się podać również format...

• 
  Oprawa graficzna / Zamiennik obrazkowy

  ...CSS będzie miał zupełnie indywidualną oprawę graficzną. Wstawianie tła graficznego pod tekstem jest dość proste i oczywiste. Często jednak trzeba osadzić elementy graficzne, nad którymi nie będzie widniał żaden tekst - np. przyciski, logo, ikony itp. W takim przypadku mogłoby się wydawać, że wystarczy wstawić pusty element do kodu HTML, jednak jest to bardzo zły pomysł. Takie rozwiązanie jest niepoprawne semantycznie. Staje się dużą przeszkodą dla osób niewidomych, ale również dla robotów...

• 
  Przeglądarka zdjęć

  ...{ margin-top: 10px; text-align: justify; } Najwygodniej będzie zapisać go w osobnym pliku z rozszerzeniem *.css - np. przegladarka_zdjec.css i osadzić w nagłówku dokumentu za pomocą znacznika: <link rel="stylesheet" href="przegladarka_zdjec.css"> Oczywiście można go również dołączyć do już istniejącego arkusza stylów serwisu. Inicjalizacja Czasami może zajść potrzeba wyświetlenia w przeglądarce zdjęć zaraz po załadowaniu strony zdjęcia innego niż pierwsze. W tym celu do strony, na...

• 
  Menu rozwijane, otwierane, wysuwane / Skrypt menu rozwijanego, otwieranego, wysuwanego

  ...W wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku menu.js. Dalej trzeba na stronie w wybranym miejscu osadzić blok menu za pomocą znaczników listy definicyjnej <dl>...</dl>, np.: <dl id="menu0"> <dt>Nagłówek 1</dt> <dd>Element 1.1</dd> <dd>Element 1.2</dd> <dd>Element 1.3</dd> <dt>Nagłówek 2</dt> <dd>Element 2.1</dd> <dd>Element 2.2</dd> <dd>Element 2.3</dd> <dt>Nagłówek 3</dt> <dd>Element 3.1</dd> <dd>Element 3.2</dd> <dd>Element...

• 
  AutoIFRAME / Kilka ramek AutoIFRAME

  ...autoiframe('autoiframe2', 200); </script> Oczywiście oprócz tego w nagłówku wszystkich podstron - wczytywanych do obu (lub więcej) ramek - należy osadzić skrypt: <script src="autoiframe.js"></script> oraz sam plik skryptu autoiframe.js (przedstawiony wcześniej), w którym nie należy dokonywać żadnych zmian.

1 2 »