ÚVOD DO XHTML

XHTML alebo EXtensible HyperText Markup Language je mix HTML a XML, veľmi podobný HTML ale prísnejšie. Je to ako kniha pravidiel na vytváranie webových stránok, ktorým prehliadače ľahko porozumejú. Na rozdiel od HTML musíte byť opatrní a presne dodržiavať pravidlá. Väčšina prehliadačov to podporuje. Predstavte si to ako presnejší spôsob písania webového kódu.

Obsah

História
Prechodné DTD
Prísne DTD
Sada rámov DTD
Prečo používať XHTML?
Výhody XHTML
Rozdiel medzi HTML a XHTML

História

Bol vyvinutý konzorciom World Wide Web Consortium (W3C) a pomáha webovým vývojárom pri prechode z HTML na XML. Pomocou XHTML môžu vývojári vstúpiť do sveta XML so všetkými jeho funkciami a zároveň zabezpečiť spätnú a budúcu kompatibilitu obsahu. Rodina XHTML zahŕňa tri typy dokumentov; prvou je XHTML 1.0, ktorá bola odporúčaná W3C 26. januára 2000. Druhá je XHTML 1.1, ktorú W3C odporučila 31. mája 2001.

Tretím je XHTML5, štandard používaný na vývoj prispôsobenia XML špecifikácie HTML5. Dokument XHTML musí mať deklaráciu XHTML.

Prvky XHTML:

Prvok XHTML	Popis
`>`	Používa sa na deklarovanie definície typu dokumentu (DTD), ktorá určuje pravidlá pre značkovací jazyk a zabezpečuje správne vykresľovanie v prehliadačoch.
`>`	Uzatvára celý dokument HTML alebo XHTML, ktorý slúži ako koreňový prvok.
`>`	Obsahuje metainformácie o dokumente, ako je názov, znaková sada, prepojené šablóny so štýlmi a ďalšie dôležité prvky.
`>`	Vnorený do sekcie head určuje názov dokumentu, ktorý sa zobrazuje v záhlaví alebo na karte prehliadača.
`>`	Uzatvára obsah webovej stránky vrátane textu, obrázkov, odkazov a iných prvkov HTML. Predstavuje viditeľnú časť dokumentu zobrazenú v prehliadači.

Pri vytváraní XHTML webovej stránky je potrebné zahrnúť deklaráciu DTD (Document Type Definition). Existujú tri typy DTD, o ktorých sa hovorí nižšie:

Prechodné DTD:

Podporujú ho staršie prehliadače, ktoré nemajú vstavanú podporu kaskádových štýlov. V značke tela je uzavretých niekoľko atribútov, ktoré nie sú povolené v striktnej DTD.

Syntax:

 PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>

Príklad: V tomto príklade uvidíme kód na písanie XHTML dokumentu s príkladom.

html

súborový systém v linuxe

markíza html

xml version='1.0' encoding='UTF-8'?>     Prechodné 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čovej vedy<p style='text-align:center;font-size:20px;'>Možnosť výberu mesiaca:<select name='month'>  <option selected='selected'>Možnosť januára><option>Februárová možnosť><option>Marchoption><option>Apriloption><option>Mayoption><option>Možnosť júna><option>júlová možnosť><option>Augusyopcia><option>Možnosť septembra><option>Októbrová možnosť><option>Novembrová možnosť><option>Decemberoption> select> p> body> 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ýkon:</strong>  </b>  </p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/how-reverse-string-java">java obracanie reťazca</a>
</blockquote> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="prechodné dtd xhtml"><span> </span></p> <h2 id='strict-dtd'>  <b>  <strong>Prísne DTD:</strong>  </b>  <span> </span></h2> <p dir='ltr'><span>Striktné DTD sa používa, keď stránka XHTML obsahuje iba značkovací jazyk. Strict DTD sa používa spolu s kaskádovými štýlmi, pretože tento atribút neumožňuje vlastnosť CSS v značke 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>Príklad 2:</strong>  </b>  <span>V tomto príklade uvidíme kód na písanie XHTML dokumentu s príkladom pre striktné 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> <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>Prísne 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čovej vedy<p style='text-align:center;font-size:20px;'>Možnosť výberu mesiaca:<select name='month'>  <option selected='selected'>Možnosť januára><option>Februárová možnosť><option>Marchoption><option>Apriloption><option>Mayoption><option>Možnosť júna><option>júlová možnosť><option>Augusyopcia><option>Možnosť septembra><option>Októbrová možnosť><option>Novembrová možnosť><option>Decemberoption> select> p> body> 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">kto urobil školu</a>
</blockquote> <pre class='hljs'>></pre> <p></p> <p dir='ltr'>  <b>  <strong>Výkon:</strong>  </b>  </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="prísne dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'>  <b>  <strong>Sada rámov DTD:</strong>  </b>  <span> </span></h2> <p dir='ltr'><span>Sada rámcov DTD sa používa, keď stránka XHTML obsahuje snímky. Toto DTD je identické s HTML 4.01 Transitional DTD s výnimkou 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>Príklad 2:</strong>  </b>  <span>V tomto príklade uvidíme kód na písanie XHTML dokumentu s príkladom pre 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> <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ámov 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ámov><frameset rows='40%, 60%'>  <frame src='g4g.html' />  <frame src='g4g1.html' />sada rámov><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><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/typescript-map">mapovanie v strojopise</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>Výkon:</strong>  </b>  </p> <h2 id='why-use-xhtml'> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-3.webp' alt="frameset dtd xhtml">  <b>  <strong>Prečo používať XHTML?</strong>  </b>  </h2> <ul> <li value='1'><span>Dokumenty XHTML sú overené štandardnými nástrojmi XML.</span></li> <li value='2'><span>Je ľahké udržiavať, konvertovať a upravovať dokument z dlhodobého hľadiska.</span></li> <li value='3'><span>Používa sa na definovanie štandardu kvality webových stránok.</span></li> <li value='4'><span>XHTML je oficiálny štandard W3C, vaša webová stránka sa stáva kompatibilnejšou a presnejšou s mnohými prehliadačmi.</span></li> </ul> <h2 id='benefits-of-xhtml'>  <b>  <strong>Výhody XHTML:</strong>  </b>  </h2> <ul> <li value='1'><span>Všetky značky XHTML musia mať uzatváracie značky a sú správne vnorené. Tým sa vygeneruje čistejší kód.</span></li> <li value='2'><span>Dokumenty XHTML sú štíhle, čo znamená, že využívajú menšiu šírku pásma. To znižuje náklady, najmä ak má váš web 1000 stránok.</span></li> <li value='3'><span>Dokumenty XHTML sú dobre naformátované a dobre tvarované a možno ich jednoducho preniesť do bezdrôtových zariadení, čítačiek Braillovho písma a iných špecializovaných webových prostredí.</span></li> <li value='4'><span>Všetky novinky budú v XML (ktorého XHTML je aplikácia).</span></li> <li value='5'><span>XHTML spolupracuje s CSS na vytváraní webových stránok, ktoré možno ľahko aktualizovať.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'>  <b>  <strong>Rozdiel medzi 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 alebo HyperText Markup Language je hlavný značkovací jazyk na vytváranie webových stránok</span></td> <td><span>XHTML (Extensible HyperText Markup Language) je rodina značkovacích jazykov XML, ktoré odrážajú alebo rozširujú verzie široko používaného jazyka HTML (Hypertext Markup Language)</span></td> </tr> <tr> <td><span>Flexibilný rámec vyžadujúci zhovievavý analyzátor špecifický pre HTML</span></td> <td><span>Reštriktívna podmnožina XML, ktorú je potrebné analyzovať pomocou štandardných analyzátorov XML</span></td> </tr> <tr> <td><span>Navrhol Tim Berners-Lee v roku 1987</span></td> <td><span>Odporúčanie konzorcia World Wide Web z roku 2000.</span></td> </tr> <tr> <td><span>Aplikácia štandardného zovšeobecneného značkovacieho jazyka (SGML).</span></td> <td><span>Aplikácia XML</span></td> </tr> <tr> <td><span>Rozšírené z SGML.</span></td> <td><span>Rozšírené 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="">Kategórie</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li> <a href="/arrays/">Polia</a> </li><li> <a href="/coordinate-geometry/">Geometria Súradníc</a> </li><li> <a href="/ejs-templating-language/">Ejs-Templating Language</a> </li><li> <a href="/c-storage-classes-type-qualifiers/">C-Triedy Úložiska A Kvalifikátory Typu</a> </li><li> <a href="/uk-gk/">Uk Gk</a> </li><li> <a href="/moores-voting-algorithm/">Moorov Hlasovací Algoritmus</a> </li><li> <a href="/python-selenium-exercises/">Python Selenium-Cvičenia</a> </li><li> <a href="/algorithms-analysis-algorithms/">Algoritmy-Analýza Algoritmov</a> </li><li> <a href="/algorithms-misc/">Algoritmy - Rôzne</a> </li><li> <a href="/javascript-date/">Javascript-Date</a> </li>
                                
                            </ul>
                        </div><!--//content-->  
                    </div><!--//section-inner-->                 
                </aside><!--//aside-->
                
                 <aside class="testimonials aside section">
                   <div class="section-inner">
                        <h2 class="heading">Backend-Development</h2>
                        <div class="content">
                            <div class="item">
                                 <blockquote class="quote">                                  
                                    <span> <i class="fa fa-quote-left"></i> Backend-Development</span>
                                </blockquote>                
                                                                                             
                            </div><!--//item-->
                            
                            <p> <a class="more-link" href="/backend-development/"> <i class="fa fa-external-link"></i> Čítajte Viac</a> </p> 
                            
                        </div><!--//content-->
                    </div><!--//section-inner-->
                </aside><!--//section-->
                
               
                            
                 <aside class="languages aside section">
                    <div class="section-inner">
                        <h2 class="heading">Zaujímavé Články</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li class="item">
                                    <span class="title"> <strong> <a href="/typescript-foreach">TypeScript forEach</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/what-is-speaker">Čo je to Reproduktor?</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/how-jvm-works-jvm-architecture">Ako funguje JVM – architektúra JVM?</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/python-string-split">Python String split()</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/linkers-english-grammar">Linkery v anglickej gramatike</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árne Príspevky</h2>
                        <div class="content">
                            <ul class="list"> <li><a href="/rakul-preet-singh">Herečka Rakul Preet Singh</a>
</li><li><a href="/avl-tree">avl strom</a>
</li><li><a href="/tcp-ip-model">tcp ip model</a>
</li><li><a href="/javafx-tutorial">javafx tutoriál</a>
</li><li><a href="/java-string-format">formátovať reťazec java</a>
</li><li><a href="/bash-concatenate-string">bash zreťazené struny</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šetky Práva Vyhradené |  <a href="//ko.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Odmietnutie Zodpovednosti</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 Údajov</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>

TechCodeview

História

Prechodné DTD:

Syntax:

html