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><!--//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="/interview-questions/">Interviu-Klausimai</a> </li><li> <a href="/banking-english/">Bankininkystė Anglų Kalba</a> </li><li> <a href="/linux-system-admin/">Linux Sistemos Administratorius</a> </li><li> <a href="/golang-time/">Golang Laikas</a> </li><li> <a href="/maths-class-11-cat/">Matematika-11 Klasė</a> </li><li> <a href="/json-tutorial/">Json Mokymo Programa</a> </li><li> <a href="/interview-preparation/">Interviu-Pasiruošimas</a> </li><li> <a href="/brain-teasers/">Galvosūkiai</a> </li><li> <a href="/python-tutorial/">Python Pamoka</a> </li><li> <a href="/splunk-tutorial/">Splunk Pamoka</a> </li> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//aside--> <aside class="testimonials aside section"> <div class="section-inner"> <h2 class="heading">Visi ACT mokesčiai ir registracija: kokia yra bendra ACT kaina?</h2> <div class="content"> <div class="item"> <blockquote class="quote"> <span> <i class="fa fa-quote-left"></i> Kiek kainuoja ACT ir kokie yra visi testavimo ir registracijos mokesčiai? Išsamiame vadove sužinokite, kaip sutaupyti pinigų.</span> </blockquote> </div><!--//item--> <p> <a class="more-link" href="/act-full-fees-registration-1311310"> <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="/binary-heap">Dvejetainė krūva</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/d-flip-flop">D Flip Flop</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/types-routing">Maršrutizavimo tipai</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/how-read-xml-file-java">Kaip skaityti XML failą Java</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/number-of-elements-with-odd-factors-in-given-range">Elementų su nelyginiais koeficientais skaičius nurodytame diapazone</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="/rani-mukerji">Indijos aktorė Rani Mukerji</a> </li><li><a href="/components-robot">roboto komponentai</a> </li><li><a href="/how-download-youtube-video-vlc-media-player">išsaugoti youtube video vlc</a> </li><li><a href="/priority-queue-c">prioritetinė eilė c++</a> </li><li><a href="/__dict__-python">Python __dict__</a> </li><li><a href="/java-scanner-next-method">nuskaityti.nextstring java</a> </li><li><a href="/binary-tree-vs-binary-search-tree">dvejetainis medis vs dvejetainis paieškos medis</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="//sr.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>