logo

XHTML ievads

XHTML vai Paplašināma hiperteksta iezīmēšanas valoda ir HTML un XML sajaukums, ļoti līdzīgs HTML bet stingrāka. Tas ir kā noteikumu kopums tīmekļa lapu izveidei, ko pārlūkprogrammas viegli uztver. Atšķirībā no HTML, jums ir jābūt uzmanīgiem un precīzi jāievēro noteikumi. Lielākā daļa pārlūkprogrammu to atbalsta. Iedomājieties to kā precīzāku tīmekļa koda rakstīšanas veidu.

cpld vs fpga

Satura rādītājs



Vēsture

To izstrādāja World Wide Web Consortium (W3C), un tas palīdz tīmekļa izstrādātājiem pāriet no HTML uz XML. Izmantojot XHTML, izstrādātāji var iekļūt XML pasaulē ar visām tās funkcijām, vienlaikus nodrošinot satura saderību atpakaļ un nākotnē. XHTML saime ietver trīs dokumentu tipus; pirmais ir XHTML 1.0, ko W3C ieteica 2000. gada 26. janvārī. Otrais ir XHTML 1.1, ko W3C ieteica 2001. gada 31. maijā.

Trešais ir XHTML5, standarts, ko izmanto HTML5 specifikācijas XML adaptācijas izstrādei. XHTML dokumentam ir jābūt XHTML deklarācijai.

XHTML elementi:



XHTML elements Apraksts
> Izmanto, lai deklarētu dokumenta tipa definīciju (DTD), norādot iezīmēšanas valodas noteikumus, nodrošinot pareizu renderēšanu pārlūkprogrammās.
> Iekļauj visu HTML vai XHTML dokumentu, kas kalpo kā saknes elements.
> Satur metainformāciju par dokumentu, piemēram, nosaukumu, rakstzīmju kopu, saistītās stila lapas un citus būtiskus elementus.
> Ievietots virsraksta sadaļā, norāda dokumenta nosaukumu, kas tiek rādīts pārlūkprogrammas virsrakstjoslā vai cilnē.
> Ietver tīmekļa lapas saturu, tostarp tekstu, attēlus, saites un citus HTML elementus. Tā ir pārlūkprogrammā redzamā dokumenta daļa.

Veidojot XHTML tīmekļa lapu, ir nepieciešams iekļaut DTD (Document Type Definition) deklarāciju. Ir trīs DTD veidi, kas ir apspriesti tālāk:

Pārejas DTD:

To atbalsta vecākas pārlūkprogrammas, kurām nav iebūvēta kaskādes stila lapu atbalsta. Pamatteksta tagā ir ietverti vairāki atribūti, kas nav atļauti stingrā DTD.

Sintakse:

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

Piemērs: Šajā piemērā mēs redzēsim kodu XHTML dokumenta rakstīšanai ar piemēru.



html




xml version='1.0' encoding='UTF-8'?> Pārejas DTD XHTMLtitle> head> <body bgcolor='#dae1ed'> <div>font-weight:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Datorzinātņu portāls><p style='text-align:center;font-size:20px;'>Iespēja izvēlēties mēnesi:<select name='month'> <option selected='selected'>janvāra opcija><option>februāra variants><option>Marchoption><option>aprīļa variants><option>Mayoption><option>jūnija opcija><option>jūlija opcija><option>Augusyoption><option>septembra opcija><option>oktobra variants><option>Novembra iespēja><option>Decemberoption> select> 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><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/dharmendra">dharmendra vecums</a> </blockquote> <tag data-text-3='></pre> <p></p> <p dir='ltr'> <b> <strong>Izvade:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="pārejas dtd xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>Stingrs DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Stingrs DTD tiek izmantots, ja XHTML lapā ir tikai iezīmēšanas valoda. Strict DTD tiek izmantots kopā ar kaskādes stila lapām, jo ​​šis atribūts neatļauj CSS rekvizītu body tagā.</span></p> <h3> <b> <strong>Sintakse:</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. piemērs:</strong> </b> <span>Šajā piemērā mēs redzēsim kodu XHTML dokumenta rakstīšanai ar stingras DTD piemēru.</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>Strict DTD XHTMLtitle> head> <body> <div>font-weight:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Datorzinātņu portāls><p style='text-align:center;font-size:20px;'>Iespēja izvēlēties mēnesi:<select name='month'> <option selected='selected'>janvāra opcija><option>februāra variants><option>Marchoption><option>aprīļa variants><option>Mayoption><option>jūnija opcija><option>jūlija opcija><option>Augusyoption><option>septembra opcija><option>oktobra variants><option>Novembra iespēja><option>Decemberoption> select> 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><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/atoi-function-c">atoi c</a> </blockquote> <p dir='ltr'> <b> <strong>Izvade:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="stingrs dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>Frameset DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Kadru kopu DTD izmanto, ja XHTML lapā ir rāmji. Šis DTD ir identisks HTML 4.01 pārejas DTD, izņemot HTML elementa satura modeli.</span></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/who-invented-school">kas taisīja skolu</a> </blockquote> <h3> <b> <strong>Sintakse:</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. piemērs:</strong> </b> <span>Šajā piemērā mēs redzēsim kodu XHTML dokumenta rakstīšanai ar piemēru 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>Frameset DTD XHTMLtitle> head><frameset cols='30%, 20%, *'> <frameset rows='40%, 30%, *'> <frame src='gfg.html' /> <frame src='gfg1.html' /> <frame src='geeks.html' />frameset><frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />frameset><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> <tag data-text-3='></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>Izvade:</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>Kāpēc izmantot XHTML?</strong> </b> </h2> <ul> <li value='1'><span>XHTML dokumenti tiek pārbaudīti ar standarta XML rīkiem.</span></li> <li value='2'><span>Tas ir viegli uzturēt, konvertēt, rediģēt dokumentu ilgtermiņā.</span></li> <li value='3'><span>To izmanto, lai noteiktu tīmekļa lapu kvalitātes standartu.</span></li> <li value='4'><span>XHTML ir oficiālais W3C standarts, jūsu vietne kļūst saderīgāka un precīzāka ar daudzām pārlūkprogrammām.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>XHTML priekšrocības:</strong> </b> </h2> <ul> <li value='1'><span>Visiem XHTML tagiem ir jābūt beigu tagiem, un tie ir pareizi ligzdoti. Tas ģenerē tīrāku kodu.</span></li> <li value='2'><span>XHTML dokumenti ir vāji, kas nozīmē, ka tie izmanto mazāku joslas platumu. Tas samazina izmaksas, jo īpaši, ja jūsu vietnē ir 1000 lapu.</span></li> <li value='3'><span>XHTML dokumenti ir labi formatēti un labi noformēti, un tos var viegli pārsūtīt uz bezvadu ierīcēm, Braila lasītājiem un citām specializētām tīmekļa vidēm.</span></li> <li value='4'><span>Visi jaunie sasniegumi būs XML formātā (kura XHTML ir lietojumprogramma).</span></li> <li value='5'><span>XHTML darbojas kopā ar CSS, lai izveidotu tīmekļa lapas, kuras var viegli atjaunināt.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Atšķirība starp HTML un 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 jeb hiperteksta iezīmēšanas valoda ir galvenā iezīmēšanas valoda tīmekļa lapu izveidei</span></td> <td><span>XHTML (Extensible HyperText Markup Language) ir XML iezīmēšanas valodu saime, kas atspoguļo vai paplašina plaši izmantotās hiperteksta iezīmēšanas valodas (HTML) versijas.</span></td> </tr> <tr> <td><span>Elastīgs ietvars, kam nepieciešams saudzīgs HTML specifisks parsētājs</span></td> <td><span>Ierobežojoša XML apakškopa, kas ir jāparsē ar standarta XML parsētājiem</span></td> </tr> <tr> <td><span>Ierosināja Tims Berners-Lī 1987. gadā</span></td> <td><span>Pasaules tīmekļa konsorcija ieteikums 2000. gadā.</span></td> </tr> <tr> <td><span>Standarta vispārinātās iezīmēšanas valodas (SGML) pielietošana.</span></td> <td><span>XML pielietojums</span></td> </tr> <tr> <td><span>Pagarināts no SGML.</span></td> <td><span>Paplašināts no 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="/python-pandas-dataframe/">Python Pandas-Dataframe</a> </li><li> <a href="/exponents-maq/">Eksponenti - Maq</a> </li><li> <a href="/css-basics/">Css Pamati</a> </li><li> <a href="/stl/">Stl</a> </li><li> <a href="/cpp-bitset/">Cpp Bitkopa</a> </li><li> <a href="/ejs-templating-language/">Ejs Veidņu Valoda</a> </li><li> <a href="/current-gk/">Pašreizējais Gk</a> </li><li> <a href="/google/">Google</a> </li><li> <a href="/avl-tree/">Avl-Tree</a> </li><li> <a href="/installation-mac/">Instalēšana Uz Mac</a> </li> </ul> </div><!--//content--> </div><!--//section-inner--> </aside><!--//aside--> <aside class="testimonials aside section"> <div class="section-inner"> <h2 class="heading">Kas ir SNS?</h2> <div class="content"> <div class="item"> <blockquote class="quote"> <span> <i class="fa fa-quote-left"></i> AWS SNS | Vienkāršs paziņojumu pakalpojums ar aws, apmācība, ievads, Amazon tīmekļa pakalpojumi, aws vēsture, aws funkcijas, aws bezmaksas līmenis, krātuve, datubāze, tīkla pakalpojumi, sarkanā nobīde, tīmekļa pakalpojumi utt.</span> </blockquote> </div><!--//item--> <p> <a class="more-link" href="/what-is-sns"> <i class="fa fa-external-link"></i> Lasīt Vairāk</a> </p> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> <aside class="languages aside section"> <div class="section-inner"> <h2 class="heading">Interesanti Raksti</h2> <div class="content"> <ul class="list-unstyled"> <li class="item"> <span class="title"> <strong> <a href="/10-best-websites-earn-money-2024">10 labākās vietnes, lai nopelnītu naudu 2024. gadā</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/javascript-form-validation">JavaScript veidlapas validācija</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/sending-email-java">E-pasta sūtīšana Java valodā</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/javascript-removeattribute-method">JavaScript removeAttribute() metode</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/scanner-nextchar-java">Skeneris un nextChar () Java</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ārākas Posts</h2> <div class="content"> <ul class="list"> <li><a href="/bash-loop">cilpai bash</a> </li><li><a href="/run-command-linux">Linux palaišanas komanda</a> </li><li><a href="/java-awt-tutorial">awt java</a> </li><li><a href="/array-slicing-java">masīva sagriešana java</a> </li><li><a href="/java-map-interface">java kartes piemērs</a> </li><li><a href="/java-jtable">javatable</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 Visas Tiesības Aizsargātas | <a href="//es.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Atruna</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Par Mums</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Privātuma 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>