logo

XHTML įvadas

XHTML arba Išplečiamoji hiperteksto žymėjimo kalba yra HTML ir XML derinys, labai panašus į HTML bet griežtesnis. Tai tarsi interneto puslapių kūrimo taisyklių sąvadas, kurį naršyklės lengvai supranta. Skirtingai nei HTML, turite būti atsargūs ir tiksliai laikytis taisyklių. Dauguma naršyklių tai palaiko. Pagalvokite apie tai kaip apie tikslesnį žiniatinklio kodo rašymo būdą.

Turinys

Istorija

Jį sukūrė World Wide Web Consortium (W3C) ir jis padeda žiniatinklio kūrėjams pereiti nuo HTML prie XML. Naudodami XHTML kūrėjai gali patekti į XML pasaulį su visomis jo funkcijomis, tuo pačiu užtikrindami atgalinį ir būsimą turinio suderinamumą. XHTML šeimą sudaro trys dokumentų tipai; pirmasis yra XHTML 1.0, kurį W3C rekomendavo 2000 m. sausio 26 d. Antrasis yra XHTML 1.1, kurį W3C rekomendavo 2001 m. gegužės 31 d.



Trečiasis yra XHTML5, standartas, naudojamas kuriant HTML5 specifikacijos XML pritaikymą. XHTML dokumentas turi turėti XHTML deklaraciją.

XHTML elementai:

XHTML elementas apibūdinimas
> Naudojamas deklaruoti dokumento tipo apibrėžimą (DTD), nurodant žymėjimo kalbos taisykles, užtikrinančias tinkamą atvaizdavimą naršyklėse.
> Apima visą HTML arba XHTML dokumentą, kuris yra pagrindinis elementas.
> Yra metainformacija apie dokumentą, pvz., pavadinimas, simbolių rinkinys, susieti stilių lapai ir kiti svarbūs elementai.
> Įdėta antraštės skiltyje, nurodo dokumento pavadinimą, rodomą naršyklės pavadinimo juostoje arba skirtuke.
> Apima tinklalapio turinį, įskaitant tekstą, vaizdus, ​​nuorodas ir kitus HTML elementus. Tai rodo matomą dokumento dalį, rodomą naršyklėje.

Kuriant XHTML tinklalapį būtina įtraukti DTD (Document Type Definition) deklaraciją. Yra trys DTD tipai, kurie aptariami toliau:

Pereinamojo laikotarpio DTD:

Jį palaiko senesnės naršyklės, kuriose nėra integruoto pakopinio stiliaus lapų palaikymo. Į kūno žymą įtraukti keli atributai, kurie neleidžiami griežtame DTD.

Sintaksė:

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

Pavyzdys: Šiame pavyzdyje pamatysime XHTML dokumento rašymo kodą su pavyzdžiu.

globalūs kintamieji js

html




xml version='1.0' encoding='UTF-8'?> Pereinamojo laikotarpio DTD XHTMLtitle> head> <body bgcolor='#dae1ed'> <div>šrifto svoris: paryškintas;teksto lygiavimas: centras; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Informatikos portalas><p style='text-align:center;font-size:20px;'>Galimybė pasirinkti mėnesį:<select name='month'> <option selected='selected'>sausio mėnesio variantas><option>Vasario variantas><option>kovo variantas><option>balandžio mėnesio variantas><option>Mayoption><option>birželio variantas><option>liepos mėnesio variantas><option>Augusyoption><option>Rugsėjo mėnesio variantas><option>spalio variantas><option>Lapkričio variantas><option>Gruodžio parinktis> pasirinkite> p> body> html>>></tag></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <tag data-text-3='></code> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <tag data-text-3='></pre> <p></p> <p dir='ltr'> <b> <strong>Išvestis:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="pereinamasis dtd xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>Griežtas DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Griežtas DTD naudojamas, kai XHTML puslapyje yra tik žymėjimo kalba. Griežtas DTD naudojamas kartu su pakopiniais stilių lapais, nes šis atributas neleidžia CSS ypatybių kūno žymoje.</span></p> <h3> <b> <strong>Sintaksė:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>>></tag> <p dir='ltr'> <b> <strong>2 pavyzdys:</strong> </b> <span>Šiame pavyzdyje pamatysime XHTML dokumento rašymo kodą su griežto DTD pavyzdžiu.</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="/how-find-out-my-monitor-size">koks mano kompiuterio ekrano dydis</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>Griežtas DTD XHTMLtitle> head> <body> <div>šrifto svoris: paryškintas;teksto lygiavimas: centras; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Informatikos portalas><p style='text-align:center;font-size:20px;'>Galimybė pasirinkti mėnesį:<select name='month'> <option selected='selected'>sausio mėnesio variantas><option>Vasario variantas><option>kovo variantas><option>balandžio mėnesio variantas><option>Mayoption><option>birželio variantas><option>liepos mėnesio variantas><option>Augusyoption><option>Rugsėjo mėnesio variantas><option>spalio variantas><option>Lapkričio variantas><option>Gruodžio parinktis> pasirinkite> p> body> html>>></tag></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <tag data-text-3='></code> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <tag data-text-3='></pre> <p></p> <p dir='ltr'> <b> <strong>Išvestis:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="griežtas dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>Frameset DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Rėmelių rinkinys DTD naudojamas, kai XHTML puslapyje yra rėmelių. Šis DTD yra identiškas HTML 4.01 pereinamajam DTD, išskyrus HTML elemento turinio modelį.</span></p> <h3> <b> <strong>Sintaksė:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>>></tag> <p dir='ltr'> <b> <strong>2 pavyzdys:</strong> </b> <span>Šiame pavyzdyje pamatysime XHTML dokumento rašymo kodą su rėmelių rinkinio DTD pavyzdžiu.</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="/who-invented-laptop">pirmasis nešiojamas kompiuteris</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>Frameset DTD XHTMLtitle> head><frameset cols='30%, 20%, *'> <frameset rows='40%, 30%, *'> <frame src='gfg.html' /> <frame src='gfg1.html' /> <frame src='geeks.html' />rėmelių rinkinys><frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />rėmelių rinkinys><frameset rows='20%, 20%, 30%, *'> <frame src='geeksforgeeks.html' /> <frame src='geeksforgeeks1.html' /> <frame src='geeksforgeeks2.html' /> <frame src='geeksforgeeks3.html' />frameset> frameset> html>>></tag></td> </tr> </tbody> </table> <p></p> <i id='output-icon' title='Output'></i> <p></p> <tag data-text-3='></code> <p></p> <i id='copy-url-button' title='Copy Generated Ide URL'></i> <p></p> <tag data-text-3='></pre> <p></p> <p dir='ltr'> <b> <strong>Išvestis:</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>Kodėl naudoti XHTML?</strong> </b> </h2> <ul> <li value='1'><span>XHTML dokumentai patvirtinami standartiniais XML įrankiais.</span></li> <li value='2'><span>Tai lengva prižiūrėti, konvertuoti, redaguoti dokumentą ilgainiui.</span></li> <li value='3'><span>Jis naudojamas tinklalapių kokybės standartui apibrėžti.</span></li> <li value='4'><span>XHTML yra oficialus W3C standartas, todėl jūsų svetainė tampa labiau suderinama ir tikslesnė su daugeliu naršyklių.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>XHTML pranašumai:</strong> </b> </h2> <ul> <li value='1'><span>Visos XHTML žymos turi turėti baigiamąsias žymas ir yra tinkamai įdėtos. Taip sukuriamas švaresnis kodas.</span></li> <li value='2'><span>XHTML dokumentai yra ploni, o tai reiškia, kad jie naudoja mažiau pralaidumo. Tai sumažina išlaidas, ypač jei jūsų svetainėje yra 1000 puslapių.</span></li> <li value='3'><span>XHTML dokumentai yra gerai suformatuoti, gerai suformuoti ir gali būti lengvai perkeliami į belaidžius įrenginius, Brailio rašto skaitytuvus ir kitas specializuotas žiniatinklio aplinkas.</span></li> <li value='4'><span>Visos naujovės bus XML formatu (kurios programa yra XHTML).</span></li> <li value='5'><span>XHTML veikia kartu su CSS, kad sukurtų tinklalapius, kuriuos būtų galima lengvai atnaujinti.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Skirtumas tarp HTML ir 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 arba hiperteksto žymėjimo kalba yra pagrindinė žymėjimo kalba kuriant tinklalapius</span></td> <td><span>XHTML (Extensible HyperText Markup Language) yra XML žymėjimo kalbų šeima, kuri atspindi arba išplečia plačiai naudojamos hiperteksto žymėjimo kalbos (HTML) versijas.</span></td> </tr> <tr> <td><span>Lanksti sistema, kuriai reikalingas švelnus HTML analizatorius</span></td> <td><span>Apribojamas XML poaibis, kurį reikia analizuoti naudojant standartinius XML analizatorius</span></td> </tr> <tr> <td><span>Timas Bernersas-Lee pasiūlė 1987 m</span></td> <td><span>World Wide Web konsorciumo rekomendacija 2000 m.</span></td> </tr> <tr> <td><span>Standartinės apibendrintos žymėjimo kalbos (SGML) taikymas.</span></td> <td><span>XML taikymas</span></td> </tr> <tr> <td><span>Išplėstas iš SGML.</span></td> <td><span>Išplėsta iš XML, HTML</span></td> </tr> </tbody> </table> <br> <br></article><div class="rekl_placeholder"><script type="text/javascript">atOptions = {'key' : 'f2b09f3e7178b263531e10998e9a32fa','format' : 'iframe','height' : 250,'width' : 300,'params' : {}};</script><script type="text/javascript" src="//spiritscaution.com/f2b09f3e7178b263531e10998e9a32fa/invoke.js"></script></div> </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="">Kategorija</h2> <div class="content"> <ul class="list-unstyled"> <li> <a href="/cpp-destructor/">Cpp-Naikintojas</a> </li><li> <a href="/law-us/">Jav Teisė</a> </li><li> <a href="/linux-filters/">Linux Filtrai</a> </li><li> <a href="/python-numpy-arraycreation/">Python Numpy-Arraycreation</a> </li><li> <a href="/bordering-countries-sea/">Pasienio Šalys Ir Jūra</a> </li><li> <a href="/current-gk/">Dabartinis Gk</a> </li><li> <a href="/algorithms-greedy-algorithms/">Algoritmai-Godūs Algoritmai</a> </li><li> <a href="/python-operators/">Python Operatoriai</a> </li><li> <a href="/r-functions/">R Funkcijos</a> </li><li> <a href="/finance-maq/">Finansai Maq</a> </li> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//aside--> <aside class="testimonials aside section"> <div class="section-inner"> <div class="content"> <div class="item"> <div class="rekl_placeholder" id="sidebar_placeholder_1"> <script type="text/javascript">atOptions = {'key' : 'f53f1abf3c3a788f849c12a956865db1','format' : 'iframe','height' : 300,'width' : 160,'params' : {}};</script><script type="text/javascript" src="//spiritscaution.com/f53f1abf3c3a788f849c12a956865db1/invoke.js"></script> <br></div> </div> </div> </div> <div class="section-inner"> <h2 class="heading">Mergelės suderinamumas: kurie ženklai yra labiausiai suderinami?</h2> <div class="content"> <div class="item"> <blockquote class="quote"> <span> <i class="fa fa-quote-left"></i> Su kuo Mergelės dera? Peržiūrėkite mūsų Mergelės suderinamumo vadovą, kad surastumėte geriausią atitikmenį.</span> </blockquote> </div><!--//item--> <p> <a class="more-link" href="/virgo-compatibility-which-signs-are-most-compatible-13146"> <i class="fa fa-external-link"></i> Skaityti Daugiau</a> </p> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> <aside class="languages aside section"> <div class="section-inner"> <h2 class="heading">Įdomios Straipsniai</h2> <div class="content"> <ul class="list-unstyled"> <li class="item"> <span class="title"> <strong> <a href="/dataframe-to_excel-method-pandas">DataFrame.to_excel() metodas Pandas</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/sql-transactions">SQL OPERACIJOS</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/how-remove-unused-icons-from-windows-desktop">Kaip pašalinti nenaudojamas piktogramas iš „Windows“ darbalaukio?</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/java-system-class/">Java Sistemos Klasė</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/linear-interpolation-excel">Linijinė interpoliacija programoje Excel</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">Populiarios Temos</h2> <div class="content"> <ul class="list"> <li><a href="/mysql-left-join">mysql liko prisijungti</a> </li><li><a href="/if-poem-rudyard-kipling-summary-line-line-explanation-english">rudyard kipling jei paaiškinimas</a> </li><li><a href="/rename-folder-linux">linux kaip pervardyti katalogą</a> </li><li><a href="/java-string-valueof">java eilutės reikšmė</a> </li><li><a href="/autowiring-spring">kas yra automatiškai prijungta java</a> </li><li><a href="/read-eval-print-loop-java">repl java</a> </li><li><a href="/latex-table">latekso stalas</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 Visos Teisės Saugomos | <a href="//da.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Atsisakymas</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Apie Mus</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Privatumo Politika</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>