diff options
Diffstat (limited to 'files/pl/web/html(pl)')
| -rw-r--r-- | files/pl/web/html(pl)/index.html | 108 | ||||
| -rw-r--r-- | files/pl/web/html(pl)/tryb_zgodnosci_oraz_tryb_standardow/index.html | 54 |
2 files changed, 0 insertions, 162 deletions
diff --git a/files/pl/web/html(pl)/index.html b/files/pl/web/html(pl)/index.html deleted file mode 100644 index 2bc10ea70b..0000000000 --- a/files/pl/web/html(pl)/index.html +++ /dev/null @@ -1,108 +0,0 @@ ---- -title: 'HTML: Hipertekstowy Język Znaczników' -slug: Web/HTML(PL) -tags: - - HTML - - HTML5 - - Landing - - Web - - 'l10n:priority' -translation_of: Web/HTML ---- -<div>{{HTMLSidebar}}</div> - -<p class="summary"><span class="seoSummary"><strong>HTML</strong> (HyperText Markup Language) jest najbardziej podstawowym elementem składowym sieci Web. Definiuje on znaczenie i strukturę treści stron internetowych. Inne technologie poza HTML są używane do opisu wyglądu/prezentacji strony internetowej (<a href="https://developer.mozilla.org/pl/docs/Web/CSS">CSS</a>) lub funkcjonalności/zachowania (<a href="https://developer.mozilla.org/pl/docs/Web/JavaScript">JavaScript</a>).</span></p> - -<p>"Hipertekst" (HyperText) odnosi się do linków łączących ze sobą strony internetowe, zarówno w obrębie jednej strony internetowej, jak i pomiędzy różnymi stronami internetowymi. Linki są podstawowym aspektem sieci Web. Umieszczając treści w Internecie i linkując je do stron stworzonych przez inne osoby, stajesz się aktywnym uczestnikiem sieci World Wide Web.</p> - -<p>HTML używa "znaczników" do opisywania tekstu, obrazów i innych treści do wyświetlania w przeglądarce internetowej. Znacznik HTML zawiera specjalne "elementy", takie jak {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, {{HTMLElement("aside")}}, {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("datalist")}}, {{HTMLElement("details")}}, {{HTMLElement("embed")}}, {{HTMLElement("nav")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("video")}} i wiele innych.</p> - -<p>Element HTML jest odróżniany od zwykłego tekstu w dokumencie za pomocą "tagów", które składają się z nazwy elementu otoczonego przez "<" oraz ">". Nazwa elementu wewnątrz znacznika nie rozróżnia wielkości liter. Oznacza to, że może być napisana wielkimi, małymi lub zmieszanymi literami. Na przykład tag <strong><title></strong> może być zapisany jako <Title>,<TITLE> lub w inny sposób.</p> - -<p>Poniższe artykuły pomogą Ci dowiedzieć się więcej o HTML.</p> - -<section class="cleared" id="sect1"> -<ul class="card-grid"> - <li><span>Wprowadzenie do HTML</span> - - <p>Jeśli dopiero rozpoczynasz tworzenie stron internetowych, zapoznaj się z naszym artykułem <a href="https://developer.mozilla.org/pl/docs/Learn/Getting_started_with_the_web/HTML_basics">Podstawy HTML</a>, aby dowiedzieć się czym jest HTML i jak go używać.</p> - </li> - <li><span>Poradniki HTML</span> - <p>Aby zapoznać się z artykułami o tym jak korzystać z HTML, jak również z samouczkami i kompletnymi przykładami, sprawdź naszą <a href="https://developer.mozilla.org/pl/docs/Learn/HTML">Strefę Nauki HTML</a>.</p> - </li> - <li><span>Odniesienia HTML</span> - <p>W naszej obszernej sekcji <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Reference">Odniesienia HTML</a>, znajdziesz szczegóły dotyczące każdego elementu i atrybutu w HTML.</p> - </li> -</ul> - -<div class="row topicpage-table"> -<div class="section"> -<h2 class="Tools" id="Poradniki_dla_początkujących">Poradniki dla początkujących</h2> - -<p>Nasza <a href="https://developer.mozilla.org/pl/docs/Learn/HTML">Strefa Nauki HTML</a> zawiera wiele modułów, które uczą HTML od podstaw - nie jest wymagana wcześniejsza wiedza.</p> - -<dl> - <dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Introduction_to_HTML">Wprowadzenie do HTML</a></dt> - <dd>Ten moduł jest etapem, który pozwala przyzwyczaić się do ważnych pojęć i składni, takich jak spojrzenie na zastosowanie HTML dla tekstu, jak tworzyć hiperłącza i jak używać HTML do strukturyzacji strony internetowej.</dd> -</dl> - -<dl> - <dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Multimedia_and_embedding">Multimedia i osadzanie</a></dt> - <dd>Moduł ten wyjaśnia jak używać HTML do umieszczania multimediów na stronach internetowych, w tym różnych sposobów na dodawanie obrazów oraz osadzanie wideo, audio, a nawet całych innych stron internetowych.</dd> - <dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Tables">Tabele HTML</a></dt> - <dd>Przedstawienie danych tabelarycznych na stronie internetowej w zrozumiały i dostępny sposób może być wyzwaniem. Moduł ten obejmuje podstawowe znaczniki tabelaryczne wraz z bardziej złożonymi funkcjami, takimi jak implementacja podpisów i podsumowań.</dd> - <dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Forms">Formularze HTML</a></dt> - <dd>Formularze są bardzo ważną częścią sieci Web — zapewniają one wiele funkcji potrzebnych do interakcji z witrynami internetowymi, np. rejestracja i logowanie, wysyłanie opinii, kupowanie produktów i wiele więcej. Ten moduł przygotuje Cię do rozpoczęcia tworzenia części formularzy po stronie klienta/front-end.</dd> - <dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Howto">Użyj HTML do rozwiązywania częstych problemów</a></dt> - <dd>Zawiera linki do sekcji wyjaśniających, jak używać HTML do rozwiązywania bardzo powszechnych problemów przy tworzeniu strony internetowej: radzenie sobie z tytułami, dodawanie zdjęć lub filmów, podkreślanie treści, tworzenie podstawowej formy, itp.</dd> -</dl> - -<h2 id="Zaawansowane_zagadnienia">Zaawansowane zagadnienia</h2> - -<dl> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/CORS_enabled_image">CORS z włączoną funkcją obrazów</a></dt> - <dd class="landingPageList">Atrybut {{htmlattrxref("crossorigin", "img")}}, w połączeniu z odpowiednim nagłówkiem {{glossary("CORS")}}, pozwala na ładowanie obrazów zdefiniowanych przez element {{HTMLElement("img")}} z innych źródeł i używanie ich w elemencie {{HTMLElement("canvas")}} tak, jakby były ładowane z lokalnego źródła.</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/CORS_settings_attributes">Ustawienia atrybutów CORS</a></dt> - <dd class="landingPageList">Niektóre elementy HTML, które zapewniają wsparcie dla <a href="https://developer.mozilla.org/pl/docs/Web/HTTP/CORS">CORS</a>, takie jak {{HTMLElement("img")}} lub {{HTMLElement("video")}}, posiadają atrybut <code>crossorigin</code> (właściwość <code>crossOrigin</code>), który umożliwia konfigurację żądań CORS dla wczytywanych przez ten element danych.</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/API/Document/hasFocus">Zarządzanie metodą focus w HTML</a></dt> - <dd class="landingPageList">Atrybut <code><a href="https://developer.mozilla.org/pl/docs/Web/API/DocumentOrShadowRoot/activeElement">activeElement</a></code> w DOM i metoda <code><a href="https://developer.mozilla.org/pl/docs/Web/API/Document/hasFocus">hasFocus()</a></code> w DOM pomagają śledzić i kontrolować interakcje użytkownika z elementami na stronie internetowej.</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Zasoby_offline_w_Firefoksie">Korzystanie z pamięci podręcznej aplikacji</a></dt> - <dd class="landingPageList">Buforowanie aplikacji umożliwia uruchamianie aplikacji internetowych w trybie offline. Możesz użyć interfejsu <strong>Application Cache</strong> (<em>AppCache</em>) aby określić zasoby, które przeglądarka powinna buforować i udostępniać użytkownikom offline. Aplikacje, które są buforowane i działają poprawnie, nawet jeśli użytkownicy kliknęli przycisk odświeżania, gdy są w trybie offline.</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Preloading_content">Wstępne ładowanie treści z rel="preload"</a></dt> - <dd class="landingPageList">Wartość <code>preload</code> atrybutu {{htmlattrxref("rel", "link")}} elementu {{htmlelement("link")}} pozwala na pisanie deklaratywnych żądań pobrania w sekcji {{htmlelement("head")}} dokumentu HTML, określając zasoby, które strony będą potrzebowały bardzo szybko po załadowaniu, których w związku z tym chcesz rozpocząć ładowanie od razu na początku cyklu życia strony, zanim uruchomi się główna maszyna renderująca w przeglądarce. Dzięki temu są one dostępne wcześniej i istnieje mniejsze ryzyko zablokowania pierwszego renderu strony, co prowadzi do poprawy wydajności. Ten artykuł zawiera podstawowy przewodnik po tym, jak działa <code>ładowanie wstępne</code>.</dd> -</dl> -</div> - -<div class="section"> -<h2 class="Documentation" id="Odniesienia">Odniesienia</h2> - -<dl> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Reference">Odniesienia HTML</a></dt> - <dd class="landingPageList">HTML składa się z elementów, z których każdy może być modyfikowany przez pewną liczbę atrybutów. Dokumenty HTML są ze sobą połączone <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Link_types">linkami</a>.</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Element">Odniesienia do elementów HTML</a></dt> - <dd class="landingPageList">Przeglądaj listę wszystkich {{glossary("Element", "elementów")}} {{glossary("HTML")}}.</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Attributes">Odniesienia do atrybutów HTML</a></dt> - <dd class="landingPageList">Elementy w HTML mają <strong>atrybuty</strong>. Są to dodatkowe wartości, które konfigurują elementy lub dostosowują ich zachowanie na różne sposoby.</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Global_attributes">Atrybuty globalne</a></dt> - <dd class="landingPageList">Atrybuty globalne mogą być definiowane na wszystkich <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Element">elementach HTML</a>, <em>nawet tych, które nie zostały określone w standardzie</em>. Oznacza to, że wszelkie niestandardowe elementy muszą nadal zezwalać na te atrybuty, nawet jeśli elementy te sprawiają, że dokument jest niezgodny z HTML5.</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Elementy_liniowe">Elementy inline</a> oraz <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Elementy_blokowe">Elementy block-level</a></dt> - <dd class="landingPageList">Elementy HTML są zazwyczaj elementami "inline" lub "block-level". Element inline zajmuje tylko przestrzeń ograniczoną znacznikami, które go definiują. Element block-level zajmuje całą przestrzeń elementu nadrzędnego (kontenera), tworząc w ten sposób "blok".</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Link_types">Rodzaje odnośników</a></dt> - <dd class="landingPageList">W HTML, różne typy linków mogą być użyte do nawiązania i zdefiniowania relacji pomiędzy dwoma dokumentami. Elementy odnośników, na których można ustawiać typy to {{HTMLElement("a")}}, {{HTMLElement("area")}} oraz {{HTMLElement("link")}}.</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Supported_media_formats">Formaty multimedialne obsługiwane przez elementy audio i wideo</a></dt> - <dd class="landingPageList">Elementy {{HTMLElement("audio")}} oraz {{HTMLElement("video")}} umożliwiają odtwarzanie multimediów audio i wideo. Elementy te stanowią alternatywę dla podobnych funkcji w Adobe Flash i innych wtyczkach.</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/Guide/HTML/Content_categories">Rodzaje treści w HTML</a></dt> - <dd class="landingPageList">HTML składa się z kilku rodzajów treści, z których każda może być używana w określonych kontekstach, a w innych jest niedozwolona. Podobnie, każda z nich posiada zestaw innych kategorii zawartości, które mogą zawierać oraz elementy, które mogą lub nie mogą być w nich użyte. To jest przewodnik po tych kategoriach.</dd> - <dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Quirks_Mode_and_Standards_Mode">Tryb Quirks oraz tryb standardów</a></dt> - <dd class="landingPageList">Historyczne informacje o trybie quirks i trybie standardów.</dd> -</dl> - -<h2 class="landingPageList" id="Tematy_powiązane">Tematy powiązane</h2> - -<dl> - <dt><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Applying_color">Zastosowanie koloru do elementów HTML przy użyciu CSS</a></dt> - <dd>W tym artykule omówiono większość sposobów na użycie CSS w celu dodania kolorów do zawartości HTML, wymieniając które części dokumentów HTML mogą być kolorowane i jakie właściwości CSS mogą być do tego użyte. Zawiera przykłady, odnośniki do narzędzi do budowania palet i wiele innych.</dd> -</dl> -</div> -</div> -<span class="alllinks"><a href="https://developer.mozilla.org/pl/docs/tag/HTML">Zobacz wszystkie...</a></span></section> diff --git a/files/pl/web/html(pl)/tryb_zgodnosci_oraz_tryb_standardow/index.html b/files/pl/web/html(pl)/tryb_zgodnosci_oraz_tryb_standardow/index.html deleted file mode 100644 index 72018a6571..0000000000 --- a/files/pl/web/html(pl)/tryb_zgodnosci_oraz_tryb_standardow/index.html +++ /dev/null @@ -1,54 +0,0 @@ ---- -title: Tryb Zgodności (Quirks Mode) i Tryb Standardów -slug: Web/HTML(PL)/Tryb_Zgodnosci_oraz_Tryb_Standardow -tags: - - Gecko - - Guide - - HTML - - NeedsUpdate - - Web Development - - Web Standards - - XHTML -translation_of: Web/HTML/Quirks_Mode_and_Standards_Mode ---- -<p>W dawnych czasach strony internetowe zwykle pisane były w dwóch wersjach: Jedna dla Netscape Navigator i jedna dla Microsoft Internet Explorer. Kiedy standardy sieciowe były tworzone w W3C, przeglądarki nie mogły po prostu zacząć z nich korzystać, ponieważ w ten sposób zniszczyłyby większość istniejących stron internetowych. W związku z tym przeglądarki wprowadziły dwa tryby traktowania nowych witryn zgodnych ze standardami w inny sposób niż witryn starej generacji.</p> - -<p>Obecnie w przeglądarkach internetowych stosowane są trzy tryby pracy silników układu graficznego: tryb zgodności (tryb quirks), tryb prawie standardowy oraz tryb pełnego standardu. W <strong>trybie zgodności</strong> układ emuluje niestandardowe zachowanie w Navigator 4 i Internet Explorer 5. Jest to niezbędne do obsługi stron internetowych, które powstały przed powszechnym przyjęciem standardów internetowych. W <strong>trybie pełnych standardów</strong>, zachowanie jest (miejmy nadzieję) zachowaniem opisanym przez specyfikacje HTML i CSS. W <strong>trybie prawie standardowym</strong> zaimplementowana jest bardzo mała liczba kompatybilności.</p> - -<h2 id="How_does_Mozilla_determine_which_mode_to_use.3F" name="How_does_Mozilla_determine_which_mode_to_use.3F">Jak przeglądarki decydują, z którego trybu korzystać?</h2> - -<p>W przypadku dokumentów <a href="https://developer.mozilla.org/pl/docs/Web/HTML(PL)" title="/en-US/docs/HTML">HTML</a>, przeglądarki używają DOCTYPE na początku dokumentu, aby zdecydować, czy obsługiwać go w trybie zgodności, czy też w trybie standardów. Aby zagwarantować, że strona korzysta z trybu pełnego standardu, upewnij się że strona ma DOCTYPE, tak jak w tym przykładzie:</p> - -<pre class="brush: html"><!DOCTYPE html> -<html lang="pl"> - <head> - <meta charset="UTF-8"> - <title>Witaj, Świecie!</title> - </head> - <body> - </body> -</html></pre> - -<p>DOCTYPE pokazany w przykładzie, <code><!DOCTYPE html></code>, jest najprostrzy z możliwych i zalecany przez HTML5. Wcześniejsze wersje standardu HTML zalecały inne warianty, ale wszystkie istniejące obecnie przeglądarki będą korzystały z trybu pełnego standardu dla DOCTYPE, nawet z przestarzałego Internet Explorera 6. Nie ma uzasadnionych powodów, aby używać bardziej skomplikowanego DOCTYPE. Jeśli używasz innego DOCTYPE, możesz być narażony na ryzyko wybrania takiego, który uruchamia prawie standardowy tryb lub tryb zgodności.</p> - -<p>Upewnij się, że umieścisz DOCTYPE bezpośrednio na początku dokumentu HTML. Wszystko przed DOCTYPE, takie jak komentarz czy deklaracja XML, wyzwoli tryb zgodnści w Internet Explorerze 9 i starszych.</p> - -<p>W HTML5, jedynym celem DOCTYPE jest aktywowanie trybu pełnego standardu. Starsze wersje standardu HTML nadawały dodatkowe znaczenie DOCTYPE, ale żadna przeglądarka nie używała DOCTYPE do innych celów niż przełączanie pomiędzy trybem zgodności a trybem standardów.</p> - -<p>Zobacz również szczegółowy opis tego, <a class="external" href="http://hsivonen.iki.fi/doctype/" title="http://hsivonen.iki.fi/doctype/">kiedy różne przeglądarki wybierają różne tryby pracy</a>.</p> - -<h3 id="XHTML">XHTML</h3> - -<p>Jeśli podajesz swoją stronę jako <a href="https://developer.mozilla.org/pl/docs/XHTML" title="XHTML">XHTML</a> używając <code>application/xhtml+xml</code> MIME type w <code>Content-Type</code> HTTP header, nie potrzebujesz DOCTYPE, aby włączyć tryb standardów. Należy jednak pamiętać, że podawanie stron jako <code>application/xhtml+xml</code> spowoduje, że Internet Explorer 8 <a href="/en-US/docs/XHTML#Support" title="XHTML">wyświetli okno dialogowe pobierania</a> nieznanego formatu zamiast wyświetlania strony, ponieważ pierwszą wersją Internet Explorera z obsługą XHTML jest Internet Explorer 9.</p> - -<p>Jeśli tworzysz treści w formacie XHTML używając <code>text/html</code> MIME type, przeglądarki przeczytają je jako HTML i będziesz potrzebował DOCTYPE do korzystania z trybu standardów.</p> - -<h2 id="What_are_the_differences_between_the_modes.3F" name="What_are_the_differences_between_the_modes.3F">Jak sprawdzić, który tryb jest używany?</h2> - -<p>W Firefoksie wybierz opcję <em>View Page Info</em> z menu kontekstowego i poszukaj trybu <em>Render Mode</em>.</p> - -<p>W Internet Explorerze naciśnij <em>F12 i poszukaj</em> <em>Document Mode</em>.</p> - -<h2 id="What_are_the_differences_between_the_modes.3F" name="What_are_the_differences_between_the_modes.3F">Jakie są różnice pomiędzy trybami?</h2> - -<p>Zobacz <a href="https://developer.mozilla.org/pl/docs/Mozilla/Mozilla_quirks_mode_behavior" title="Mozilla_Quirks_Mode_Behavior">listę zgodności</a> oraz <a href="https://developer.mozilla.org/pl/docs/Mozilla/Gecko_Almost_Standards_Mode" title="Gecko%27s_%22Almost_Standards%22_Mode">tryb prawie standardowy</a>, aby poznać różnice pomiędzy trybami.</p> |