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="/china-gk/">Kinija Gk</a> </li><li> <a href="/roman-numerals/">Romėniški Skaitmenys</a> </li><li> <a href="/java-networking/">Java Tinklai</a> </li><li> <a href="/matplotlib-pyplot-class/">Matplotlib Pyplot Klasė</a> </li><li> <a href="/uml/">Uml</a> </li><li> <a href="/java-basics/">Java Pagrindai</a> </li><li> <a href="/google-docs/">Google Dokumentai</a> </li><li> <a href="/python-matrix-program/">Python Matricos Programa</a> </li><li> <a href="/github/">Github</a> </li><li> <a href="/cell-biology/">Ląstelių Biologija</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">Kaip prisijungti prie „ChatGPT“: žingsnis po žingsnio vadovas</h2> <div class="content"> <div class="item"> <blockquote class="quote"> <span> <i class="fa fa-quote-left"></i> Norėdami prisijungti prie ChatGPT, atlikite šiuos paprastus veiksmus: 1 veiksmas: eikite į oficialią ChatGPT svetainę chat.openai.com ir prisiregistruokite. 2 veiksmas: užregistruokite savo „ChatGPT“ paskyrą</span> </blockquote> </div><!--//item--> <p> <a class="more-link" href="/how-login-into-chatgpt"> <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="/digital-electronics-implementations/">Skaitmeninė Elektronika – Įgyvendinimai</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/how-fix-right-click-not-working-windows-11">Kaip ištaisyti neveikiantį dešiniuoju pelės klavišu „Windows 11“?</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/what-is-full-form-am">Kokia yra visa AM ir PM forma</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/git-vs-svn">Git prieš SVN</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/selenium-webdriver-installation">Seleno žiniatinklio tvarkyklės diegimas</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="/string-concatenation-java">pridedant java eilutes</a> </li><li><a href="/what-is-mouse">pelė ir pelės tipai</a> </li><li><a href="/quick-sort-algorithm">kažkas greito rūšiavimo</a> </li><li><a href="/sql-select">pasirinkti kaip</a> </li><li><a href="/json-example">json formato pavyzdys</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="//sk.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>