XHTML lub Rozszerzalny język znaczników HyperText jest mieszanką HTML i XML, bardzo podobną do HTML ale bardziej rygorystyczne. To jak zbiór zasad tworzenia stron internetowych zrozumiałych dla przeglądarek. W przeciwieństwie do HTML, musisz zachować ostrożność i dokładnie przestrzegać zasad. Większość przeglądarek to obsługuje. Pomyśl o tym jako o bardziej precyzyjnym sposobie pisania kodu internetowego.
Spis treści
Historia
Został opracowany przez konsorcjum World Wide Web Consortium (W3C) i pomaga twórcom stron internetowych przejść z HTML na XML. Dzięki XHTML programiści mogą wejść do świata XML ze wszystkimi jego funkcjami, zapewniając jednocześnie wsteczną i przyszłą kompatybilność treści. Rodzina XHTML obejmuje trzy typy dokumentów; pierwszy to XHTML 1.0, który został zalecony przez W3C 26 stycznia 2000 r. Drugi to XHTML 1.1, który został zalecony przez W3C 31 maja 2001 r.
Trzeci to XHTML5, standard używany do opracowywania adaptacji XML specyfikacji HTML5. Dokument XHTML musi mieć deklarację XHTML.
jeśli jeszcze w Javie
Elementy XHTML:
| Element XHTML | Opis |
> | Służy do deklarowania definicji typu dokumentu (DTD), określającej zasady języka znaczników, zapewniającej prawidłowe renderowanie w przeglądarkach. |
> | Zawiera cały dokument HTML lub XHTML, służąc jako element główny. |
> | Zawiera metainformacje o dokumencie, takie jak tytuł, zestaw znaków, połączone arkusze stylów i inne istotne elementy. |
> | Zagnieżdżony w sekcji nagłówka, określa tytuł dokumentu wyświetlany na pasku tytułu lub karcie przeglądarki. |
> | Zawiera zawartość strony internetowej, w tym tekst, obrazy, łącza i inne elementy HTML. Reprezentuje widoczną część dokumentu wyświetlaną w przeglądarce. |
Tworząc stronę WWW w formacie XHTML konieczne jest załączenie deklaracji DTD (ang. Document Type Definition). Istnieją trzy typy DTD, które omówiono poniżej:
Przejściowy DTD:
Jest obsługiwany przez starsze przeglądarki, które nie mają wbudowanej obsługi kaskadowych arkuszy stylów. W znaczniku treści znajduje się kilka atrybutów, które nie są dozwolone w ścisłym DTD.
Składnia:
PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>
Przykład: W tym przykładzie zobaczymy kod do napisania dokumentu XHTML z przykładem.
HTML
xml version='1.0' encoding='UTF-8'?> Przejściowe DTD XHTMLtitle>głowa> <body bgcolor='#dae1ed'> <div>grubość czcionki: pogrubiona; wyrównanie tekstu: do środka; margines-dolny:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Portal informatyczny><p style='text-align:center;font-size:20px;'>Możliwość wyboru miesiąca:<select name='month'> <option selected='selected'>Opcja stycznia><option>opcja lutego><option>Opcja marca><option>Opcja kwietnia><option>Opcja majowa><option>Opcja czerwca><option>Opcja lipcowa><option>Opcja Augus><option>Opcja wrześniowa><option>Opcja października><option>Opcja listopadowa><option>Opcja grudniowa> wybierz> p> treść> html>></code></td> </tr> </tbody> </table> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/what-is-reference-variable-java">zmienna referencyjna w Javie</a>
</blockquote> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Wyjście:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="przejściowy dtd xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>Ścisłe DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Ścisłe DTD jest używane, gdy strona XHTML zawiera tylko język znaczników. Ścisłe DTD jest używane razem z kaskadowymi arkuszami stylów, ponieważ ten atrybut nie pozwala na użycie właściwości CSS w tagu body.</span></p> <h3> <b> <strong>Składnia:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'> <b> <strong>Przykład 2:</strong> </b> <span>W tym przykładzie zobaczymy kod do napisania dokumentu XHTML z przykładem ścisłego DTD.</span></p> <h2>HTML</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/c-int-string">c++ konwertuje na ciąg</a>
</blockquote> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?> <html xmlns=' http://www.w3.org/1999/xhtml ' xml:lang='en' lang='en'> <head> <title>Ścisłe DTD XHTMLtitle>głowa> <body> <div>grubość czcionki: pogrubiona; wyrównanie tekstu: do środka; margines-dolny:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Portal informatyczny><p style='text-align:center;font-size:20px;'>Możliwość wyboru miesiąca:<select name='month'> <option selected='selected'>Opcja stycznia><option>opcja lutego><option>Opcja marca><option>Opcja kwietnia><option>Opcja majowa><option>Opcja czerwca><option>Opcja lipcowa><option>Opcja Augus><option>Opcja wrześniowa><option>Opcja października><option>Opcja listopadowa><option>Opcja grudniowa> wybierz> p> treść> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/who-invented-school">który stworzył szkołę</a>
</blockquote> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Wyjście:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="ścisłe dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>Zestaw ramek DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Zestaw ramek DTD jest używany, gdy strona XHTML zawiera ramki. Ten DTD jest identyczny z przejściowym DTD HTML 4.01, z wyjątkiem modelu treści elementu HTML.</span></p> <h3> <b> <strong>Składnia:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'> <b> <strong>Przykład 2:</strong> </b> <span>W tym przykładzie zobaczymy kod do napisania dokumentu XHTML z przykładem DTD zestawu ramek.</span></p> <h2>HTML</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p> <p> <i id='run-and-edit-button' title='Edit Code' lang='xml'></i> <br> </p> <p> <i id='run-code-button' lang='xml' title='Run Code and See Output'></i> </p> <p> <i id='generate-url-and-run-button' title='Run Code and Generate IDE URL' lang='xml'></i> <br> <i title='Dark Mode'></i> <br> <i id='edit-on-ide-button' title='Edit on IDE' lang='xml'></i> </p> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/java-string-isempty">Java jest pusta</a>
</blockquote> <table class="table"> <tbody> <tr> <td> <code class='hljs'>xml version='1.0' encoding='UTF-8'?>http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd '><html xmlns=' http://www.w3.org/1999/xhtml ' xml:lang='en' lang='en'> <head> <title>Zestaw ramek DTD XHTMLtitle>głowa><frameset cols='30%, 20%, *'> <frameset rows='40%, 30%, *'> <frame src='gfg.html' /> <frame src='gfg1.html' /> <frame src='geeks.html' />zestaw ramek><frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />zestaw ramek><frameset rows='20%, 20%, 30%, *'> <frame src='geeksforgeeks.html' /> <frame src='geeksforgeeks1.html' /> <frame src='geeksforgeeks2.html' /> <frame src='geeksforgeeks3.html' />zestaw ramek> zestaw ramek> html>></code></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <pre class='hljs'>></pre> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <pre class='hljs'>></pre> <p></p> <p dir='ltr'> <b> <strong>Wyjście:</strong> </b> </p> <h2 id='why-use-xhtml'> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-3.webp' alt="zestaw ramek dtd xhtml"> <b> <strong>Dlaczego warto używać XHTML-a?</strong> </b> </h2> <ul> <li value='1'><span>Dokumenty XHTML są sprawdzane za pomocą standardowych narzędzi XML.</span></li> <li value='2'><span>Łatwo jest utrzymywać, konwertować i edytować dokument w dłuższej perspektywie.</span></li> <li value='3'><span>Służy do określenia standardu jakości stron internetowych.</span></li> <li value='4'><span>XHTML to oficjalny standard W3C, Twoja witryna staje się bardziej kompatybilna i dokładna z wieloma przeglądarkami.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>Korzyści z XHTML:</strong> </b> </h2> <ul> <li value='1'><span>Wszystkie znaczniki XHTML muszą mieć znaczniki zamykające i są prawidłowo zagnieżdżone. Generuje to czystszy kod.</span></li> <li value='2'><span>Dokumenty XHTML są oszczędne, co oznacza, że zużywają mniej przepustowości. Zmniejsza to koszty, szczególnie jeśli Twoja witryna internetowa ma tysiące stron.</span></li> <li value='3'><span>Dokumenty XHTML są dobrze sformatowane i dobrze uformowane i można je łatwo przenosić do urządzeń bezprzewodowych, czytników brajlowskich i innych specjalistycznych środowisk internetowych.</span></li> <li value='4'><span>Wszystkie nowe rozwiązania będą w formacie XML (którego aplikacją jest XHTML).</span></li> <li value='5'><span>XHTML współpracuje z CSS, tworząc strony internetowe, które można łatwo aktualizować.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Różnica między HTML i XHTML:</strong> </b> </h2> <table class="table"> <tbody><tr> <th><span>HTML</span></th> <th><span>XHTML</span></th> </tr> </tbody><tbody> <tr> <td><span>HTML lub HyperText Markup Language to główny język znaczników używany do tworzenia stron internetowych</span></td> <td><span>XHTML (Extensible HyperText Markup Language) to rodzina języków znaczników XML, które odzwierciedlają lub rozszerzają wersje powszechnie używanego języka Hypertext Markup Language (HTML)</span></td> </tr> <tr> <td><span>Elastyczne środowisko wymagające łagodnego analizatora składni HTML</span></td> <td><span>Restrykcyjny podzbiór XML, który należy przeanalizować za pomocą standardowych parserów XML</span></td> </tr> <tr> <td><span>Zaproponowany przez Tima Bernersa-Lee w 1987 roku</span></td> <td><span>Zalecenie konsorcjum World Wide Web z 2000 r.</span></td> </tr> <tr> <td><span>Zastosowanie standardowego uogólnionego języka znaczników (SGML).</span></td> <td><span>Zastosowanie XML-a</span></td> </tr> <tr> <td><span>Rozszerzone z SGML.</span></td> <td><span>Rozszerzone z XML, HTML</span></td> </tr> </tbody> </table> <br> <br></article>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="">Kategoria</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/cpp-file-handling/">Obsługa Plików Cpp</a> </li><li> <a href="/minecraft-guide/">Przewodnik Po Minecrafcie</a> </li><li> <a href="/java-mail-tutorial/">Samouczek Poczty Java</a> </li><li> <a href="/java-regular-expression/">Wyrażenie Regularne Java</a> </li><li> <a href="/python-functions/">Funkcje Pythona</a> </li><li> <a href="/java-control-flow/">Przepływ Sterowania Java</a> </li><li> <a href="/spotlight/">Reflektor</a> </li><li> <a href="/mst/">Mst</a> </li><li> <a href="/java/">Jawa</a> </li><li> <a href="/c-storage-classes-type-qualifiers/">Klasy C-Storage I Kwalifikatory Typów</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Jak zapisywać wiadomości tekstowe na Androidzie</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Jak zapisywać wiadomości tekstowe na Androidzie z przykładami aktywności i zamiarów, fragmentów, menu, usługi, menedżera alarmów, sqlite, xml, json, multimediów, mowy, usługi internetowej, animacji i grafiki</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/how-save-text-messages-android"> <i class="fa fa-external-link"></i> Czytaj Więcej</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Ciekawe Artykuły</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/who-was-first-person-earth">Kto był pierwszą osobą na Ziemi?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-activate-do-not-disturb-while-driving-android">Jak aktywować opcję Nie przeszkadzać podczas jazdy na Androidzie</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/177-college-essay-examples-131842">177 przykładów esejów uniwersyteckich dla 11 szkół + analiza ekspercka</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/difference-between-throw">Różnica między rzutem a rzutami w Javie</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-change-link-color-css">Jak zmienić kolor łącza w CSS?</a> </strong> </span>
</li><!--//item-->
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list music aside section">
<div class="section-inner">
<h2 class="heading">Popularne Wiadomości</h2>
<div class="content">
<ul class="list"> <li><a href="/rekha">Aktor Recha</a>
</li><li><a href="/return-statement-java">polecenie powrotu Java</a>
</li><li><a href="/java-convert-int-string">przekonwertuj liczbę całkowitą na ciąg Java</a>
</li><li><a href="/rekha">aktorka filmowa Rekha</a>
</li><li><a href="/nick-pulos">Nick Pulos Czarna błyskawica</a>
</li><li><a href="/what-is-internet">co to internet</a>
</li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<footer class="footer">
<div class="container text-center">
<span>
Copyright ©2025 Wszelkie Prawa Zastrzeżone | <a href="//de.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Zastrzeżenie</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">O Nas</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Polityka Prywatności</a> </span>
</div>
</footer>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
</body>
</html>
|
