XHTML nebo EXtensible HyperText Markup Language je mix HTML a XML, velmi podobný HTML ale přísnější. Je to jako kniha pravidel pro vytváření webových stránek, kterým prohlížeče snadno porozumí. Na rozdíl od HTML musíte být opatrní a přesně dodržovat pravidla. Většina prohlížečů to podporuje. Představte si to jako přesnější způsob psaní webového kódu.
Obsah
Dějiny
Byl vyvinut konsorciem World Wide Web Consortium (W3C) a pomáhá webovým vývojářům při přechodu z HTML na XML. S XHTML mohou vývojáři vstoupit do světa XML se všemi jeho funkcemi a zároveň zajistit zpětnou a budoucí kompatibilitu obsahu. Rodina XHTML zahrnuje tři typy dokumentů; první je XHTML 1.0, které bylo doporučeno W3C 26. ledna 2000. Druhým je XHTML 1.1, které bylo doporučeno W3C 31. května 2001.
Třetím je XHTML5, standard používaný pro vývoj XML adaptace specifikace HTML5. Dokument XHTML musí mít deklaraci XHTML.
Prvky XHTML:
| Prvek XHTML | Popis |
> | Používá se k deklaraci definice typu dokumentu (DTD), která určuje pravidla pro značkovací jazyk a zajišťuje správné vykreslování v prohlížečích. |
> | Uzavře celý dokument HTML nebo XHTML a slouží jako kořenový prvek. |
> | Obsahuje metainformace o dokumentu, jako je název, znaková sada, propojené šablony stylů a další důležité prvky. |
> | Vnořený do sekce head určuje název dokumentu zobrazený v záhlaví nebo na kartě prohlížeče. |
> | Uzavře obsah webové stránky, včetně textu, obrázků, odkazů a dalších prvků HTML. Představuje viditelnou část dokumentu zobrazenou v prohlížeči. |
Při vytváření XHTML webové stránky je nutné zahrnout deklaraci DTD (Document Type Definition). Existují tři typy DTD, které jsou popsány níže:
Přechodné DTD:
Je podporován staršími prohlížeči, které nemají vestavěnou podporu kaskádových stylů. Ve značce body je uzavřeno několik atributů, které nejsou povoleny ve striktním DTD.
Syntax:
PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>
Příklad: V tomto příkladu uvidíme kód pro psaní XHTML dokumentu s příkladem.
podzemnice olejná vs arašídy
html
xml version='1.0' encoding='UTF-8'?> Přechodné DTD XHTMLtitle> hlava> <body bgcolor='#dae1ed'> <div>font-weight:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Portál počítačových věd><p style='text-align:center;font-size:20px;'>Možnost výběru měsíce:<select name='month'> <option selected='selected'>Možnost ledna><option>Únorová varianta><option>Marchoption><option>Dubenoption><option>Mayoption><option>Možnost června><option>Možnost července><option>Augusyopce><option>Možnost září><option>Možnost října><option>Možnost listopadu><option>Možnost prosince> vybrat> p> tělo> 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>Výstup:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="přechodné dtd xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>Přísné DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Strict DTD se používá, když stránka XHTML obsahuje pouze značkovací jazyk. Strict DTD se používá spolu s kaskádovými styly, protože tento atribut neumožňuje vlastnost CSS v značce body.</span></p> <h3> <b> <strong>Syntax:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'> <b> <strong>Příklad 2:</strong> </b> <span>V tomto příkladu uvidíme kód pro psaní XHTML dokumentu s příkladem pro striktní DTD.</span></p> <h2>html</h2> <i id='copy-code-button' title='Copy Code'></i> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/mylivecricket-alternatives">můj živý kriket</a>
</blockquote> <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> <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>Přísné DTD XHTMLtitle> head> <body> <div>font-weight:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Portál počítačových věd><p style='text-align:center;font-size:20px;'>Možnost výběru měsíce:<select name='month'> <option selected='selected'>Možnost ledna><option>Únorová varianta><option>Marchoption><option>Dubenoption><option>Mayoption><option>Možnost června><option>Možnost července><option>Augusyopce><option>Možnost září><option>Možnost října><option>Možnost listopadu><option>Možnost prosince> vybrat> p> tělo> 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>Výstup:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="přísné dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>Rámová sada DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Sada rámců DTD se používá, když stránka XHTML obsahuje rámce. Tento DTD je shodný s HTML 4.01 Transitional DTD s výjimkou modelu obsahu prvku HTML.</span></p> <h3> <b> <strong>Syntax:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'> <b> <strong>Příklad 2:</strong> </b> <span>V tomto příkladu uvidíme kód pro psaní XHTML dokumentu s příkladem pro frameset 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><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/an-array-strings-c">c řetězec v poli</a>
</blockquote> <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> <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>Sada rámů DTD XHTMLtitle> head><frameset cols='30%, 20%, *'> <frameset rows='40%, 30%, *'> <frame src='gfg.html' /> <frame src='gfg1.html' /> <frame src='geeks.html' />sada rámců><frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />sada rámců><frameset rows='20%, 20%, 30%, *'> <frame src='geeksforgeeks.html' /> <frame src='geeksforgeeks1.html' /> <frame src='geeksforgeeks2.html' /> <frame src='geeksforgeeks3.html' />frameset> frameset> 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>Výstup:</strong> </b> </p> <h2 id='why-use-xhtml'> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-3.webp' alt="sada rámců dtd xhtml"> <b> <strong>Proč používat XHTML?</strong> </b> </h2> <ul> <li value='1'><span>Dokumenty XHTML jsou ověřovány standardními nástroji XML.</span></li> <li value='2'><span>Je snadné udržovat, převádět a upravovat dokument z dlouhodobého hlediska.</span></li> <li value='3'><span>Slouží k definování standardu kvality webových stránek.</span></li> <li value='4'><span>XHTML je oficiální standard W3C, vaše webové stránky budou kompatibilní a přesnější s mnoha prohlížeči.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>Výhody XHTML:</strong> </b> </h2> <ul> <li value='1'><span>Všechny značky XHTML musí mít uzavírací značky a jsou správně vnořeny. Tím se vygeneruje čistší kód.</span></li> <li value='2'><span>Dokumenty XHTML jsou štíhlé, což znamená, že využívají menší šířku pásma. To snižuje náklady, zejména pokud má váš web 1000 stránek.</span></li> <li value='3'><span>Dokumenty XHTML jsou dobře naformátované a dobře tvarované a lze je snadno přenášet do bezdrátových zařízení, čteček Braillova písma a dalších specializovaných webových prostředí.</span></li> <li value='4'><span>Všechny novinky budou v XML (jehož aplikací je XHTML).</span></li> <li value='5'><span>XHTML spolupracuje s CSS a vytváří webové stránky, které lze snadno aktualizovat.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Rozdíl mezi HTML a 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 nebo HyperText Markup Language je hlavní značkovací jazyk pro vytváření webových stránek</span></td> <td><span>XHTML (Extensible HyperText Markup Language) je rodina značkovacích jazyků XML, které odrážejí nebo rozšiřují verze široce používaného jazyka HTML (Hypertext Markup Language).</span></td> </tr> <tr> <td><span>Flexibilní rámec vyžadující shovívavý analyzátor specifický pro HTML</span></td> <td><span>Omezující podmnožina XML, kterou je třeba analyzovat pomocí standardních analyzátorů XML</span></td> </tr> <tr> <td><span>Navrhl Tim Berners-Lee v roce 1987</span></td> <td><span>Doporučení konsorcia World Wide Web v roce 2000.</span></td> </tr> <tr> <td><span>Aplikace standardního zobecněného značkovacího jazyka (SGML).</span></td> <td><span>Aplikace XML</span></td> </tr> <tr> <td><span>Rozšířeno z SGML.</span></td> <td><span>Rozšířeno 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="">Kategorie</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/computer-gk/">Počítač Gk</a> </li><li> <a href="/python-numpy-mathematical-function/">Python Numpy-Matematická Funkce</a> </li><li> <a href="/python-built-functions/">Vestavěné Funkce Pythonu</a> </li><li> <a href="/macos-tricks/">Macos Triky</a> </li><li> <a href="/ai-ml-ds-with-python/">Ai-Ml-Ds S Pythonem</a> </li><li> <a href="/reactjs-tutorial/">Výukový Program Reactjs</a> </li><li> <a href="/rxjs-tutorial/">Výukový Program Rxjs</a> </li><li> <a href="/backtracking/">Zpětné sledování</a> </li><li> <a href="/python-loop-programs/">Smyčkové Programy V Pythonu</a> </li><li> <a href="/java-lang-package/">Balíček Java-Lang</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Změny SAT 2023–2024: Co potřebujete vědět</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Velké změny SAT přicházejí v roce 2023 a 2024. Zjistěte, co můžete očekávat a jak se připravit.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/sat-changes-2023-2024-1311436"> <i class="fa fa-external-link"></i> Čtěte Více</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Zajímavé Články</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/jaguar-vs-leopard">Jaguar vs. Leopard</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/ravenclaw-character-traits-positive">Charakterové rysy Havraspáru (pozitivní a negativní)</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/java-variable-declaration">Deklarace proměnné Java</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/experts-guide-ap-european-history-exam-1311212">Odborná příručka ke zkoušce z evropské historie AP</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/what-is-full-form-drx">Jaká je plná forma DRX</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">Populární Příspěvky</h2>
<div class="content">
<ul class="list"> <li><a href="/difference-between-ox">býci vs vůl</a>
</li><li><a href="/how-find-hidden-apps-android">jak získat skryté aplikace</a>
</li><li><a href="/execlp-function-c">exclp</a>
</li><li><a href="/how-remove-last-character-from-string-java">odstranit poslední znak z řetězce</a>
</li><li><a href="/java-convert-string-int">převést řetězec na int</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 Všechna Práva Vyhrazena | <a href="//pt.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Vyloučení Odpovědnosti</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">O Nás</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Zásady Ochrany Osobních Údajů</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>
|
