XHTML oz Razširljivi označevalni jezik hiperbesedila je mešanica HTML in XML, zelo podobna HTML ampak strožje. Je kot pravilnik za ustvarjanje spletnih strani, ki jih brskalniki zlahka razumejo. Za razliko od HTML-ja morate biti previdni in natančno upoštevati pravila. Večina brskalnikov ga podpira. Zamislite si to kot bolj natančen način pisanja spletne kode.
Kazalo
Zgodovina
Razvil ga je World Wide Web Consortium (W3C) in spletnim razvijalcem pomaga pri prehodu s HTML na XML. Z XHTML lahko razvijalci vstopijo v svet XML z vsemi njegovimi funkcijami, medtem ko še vedno zagotavljajo združljivost vsebine za nazaj in v prihodnosti. Družina XHTML vključuje tri vrste dokumentov; prvi je XHTML 1.0, ki ga je W3C priporočil 26. januarja 2000. Drugi je XHTML 1.1, ki ga je W3C priporočil 31. maja 2001.
Tretji je XHTML5, standard, ki se uporablja za razvoj prilagoditve XML specifikacije HTML5. Dokument XHTML mora imeti deklaracijo XHTML.
Elementi XHTML:
| Element XHTML | Opis |
> | Uporablja se za razglasitev definicije tipa dokumenta (DTD), ki določa pravila za označevalni jezik in zagotavlja pravilno upodabljanje v brskalnikih. |
> | Obdaja celoten dokument HTML ali XHTML in služi kot korenski element. |
> | Vsebuje metainformacije o dokumentu, kot so naslov, nabor znakov, povezane tabele slogov in drugi bistveni elementi. |
> | Ugnezdeno v razdelku glave določa naslov dokumenta, ki je prikazan v naslovni vrstici ali zavihku brskalnika. |
> | Obdaja vsebino spletne strani, vključno z besedilom, slikami, povezavami in drugimi elementi HTML. Predstavlja vidni del dokumenta, ki je prikazan v brskalniku. |
Pri izdelavi spletne strani XHTML je potrebno vključiti deklaracijo DTD (Document Type Definition). Obstajajo tri vrste DTD, ki so obravnavane spodaj:
Prehodni DTD:
Podpirajo ga starejši brskalniki, ki nimajo vgrajene podpore za kaskadne slogovne liste. V oznaki telesa je priloženih več atributov, ki niso dovoljeni v strogem DTD.
kaj je desktop ini
Sintaksa:
PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>
primer: V tem primeru bomo videli kodo za pisanje dokumenta XHTML s primerom.
html
bash za zanko
xml version='1.0' encoding='UTF-8'?> Prehodni 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;'>Portal za računalništvo><p style='text-align:center;font-size:20px;'>Možnost izbire meseca:<select name='month'> <option selected='selected'>januarska možnost><option>Februarska možnost><option>Marchoption><option>Apriloption><option>Možnost><option>junijska možnost><option>Julijska možnost><option>Avgusyoption><option>September možnost><option>oktobrska možnost><option>novembrska možnost><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>Izhod:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="prehodni dtd xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>Strogi DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Strogi DTD se uporablja, ko stran XHTML vsebuje samo označevalni jezik. Strogi DTD se uporablja skupaj s kaskadnimi slogovnimi listami, ker ta atribut ne dovoljuje lastnosti CSS v oznaki telesa.</span></p> <h3> <b> <strong>Sintaksa:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'> <b> <strong>Primer 2:</strong> </b> <span>V tem primeru bomo videli kodo za pisanje dokumenta XHTML s primerom za strogi 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>Strogi DTD XHTMLtitle> head> <body> <div>font-weight:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Portal za računalništvo<p style='text-align:center;font-size:20px;'>Možnost izbire meseca:<select name='month'> <option selected='selected'>januarska možnost><option>Februarska možnost><option>Marchoption><option>Apriloption><option>Možnost><option>junijska možnost><option>Julijska možnost><option>Avgusyoption><option>September možnost><option>oktobrska možnost><option>novembrska možnost><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>Izhod:</strong> </b> </p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/how-git-undo-last-commit">razveljavi zadnjo objavo</a>
</blockquote> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="strog dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>Frameset DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>DTD nabora okvirjev se uporablja, kadar stran XHTML vsebuje okvirje. Ta DTD je enak prehodnemu DTD HTML 4.01, razen vsebinskega modela elementa HTML.</span></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/who-invented-school">ki je naredil šolo</a>
</blockquote> <h3> <b> <strong>Sintaksa:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'> <b> <strong>Primer 2:</strong> </b> <span>V tem primeru bomo videli kodo za pisanje dokumenta XHTML s primerom za okvirni niz 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> <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>Izhod:</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>Zakaj uporabljati XHTML?</strong> </b> </h2> <ul> <li value='1'><span>Dokumenti XHTML so potrjeni s standardnimi orodji XML.</span></li> <li value='2'><span>Dolgoročno je enostavno vzdrževati, pretvarjati, urejati dokument.</span></li> <li value='3'><span>Uporablja se za določanje standarda kakovosti spletnih strani.</span></li> <li value='4'><span>XHTML je uradni standard W3C, vaše spletno mesto postane bolj združljivo in natančno z mnogimi brskalniki.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>Prednosti XHTML:</strong> </b> </h2> <ul> <li value='1'><span>Vse oznake XHTML morajo imeti zaključne oznake in so pravilno ugnezdene. To ustvari čistejšo kodo.</span></li> <li value='2'><span>Dokumenti XHTML so vitki, kar pomeni, da uporabljajo manj pasovne širine. To zmanjša stroške, zlasti če ima vaše spletno mesto 1000 strani.</span></li> <li value='3'><span>Dokumenti XHTML so dobro oblikovani in jih je mogoče preprosto prenesti v brezžične naprave, braillove pisave in druga specializirana spletna okolja.</span></li> <li value='4'><span>Vse novosti bodo v XML (katerega XHTML je aplikacija).</span></li> <li value='5'><span>XHTML deluje v povezavi s CSS za ustvarjanje spletnih strani, ki jih je mogoče enostavno posodobiti.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Razlika med HTML in 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 ali HyperText Markup Language je glavni označevalni jezik za ustvarjanje spletnih strani</span></td> <td><span>XHTML (Extensible HyperText Markup Language) je družina označevalnih jezikov XML, ki zrcalijo ali razširjajo različice splošno uporabljenega HTML jezika.</span></td> </tr> <tr> <td><span>Prilagodljivo ogrodje, ki zahteva popustljiv specifični razčlenjevalec HTML</span></td> <td><span>Omejevalna podmnožica XML, ki jo je treba razčleniti s standardnimi razčlenjevalniki XML</span></td> </tr> <tr> <td><span>Predlagal Tim Berners-Lee leta 1987</span></td> <td><span>Priporočilo konzorcija svetovnega spleta iz leta 2000.</span></td> </tr> <tr> <td><span>Uporaba standardnega generaliziranega označevalnega jezika (SGML).</span></td> <td><span>Uporaba XML</span></td> </tr> <tr> <td><span>Razširjeno iz SGML.</span></td> <td><span>Razširjeno iz 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="/data-mining/">Podatkovno Rudarjenje</a> </li><li> <a href="/algorithms-backtracking/">Algoritmi-Sledenje Nazaj</a> </li><li> <a href="/csharp-generic-list/">Csharp-Generic-List</a> </li><li> <a href="/algorithms-greedy-algorithms/">Algoritmi-Pohlepni Algoritmi</a> </li><li> <a href="/linux-man-pages/">Strani Priročnika Za Linux</a> </li><li> <a href="/c-projects/">Projekti C++</a> </li><li> <a href="/calculus/">Račun</a> </li><li> <a href="/python-input-output/">Python-Vhod-Izhod</a> </li><li> <a href="/uncategorized/">Nekategorizirano</a> </li><li> <a href="/webtech-tools/">Orodja Webtech</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Drevo in gozd</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Teorija grafov Drevo in gozd z vadnico za teorijo grafov, Uvod, Temeljni pojmi, Vrste grafov, Aplikacije, Osnovne lastnosti, Predstavitve grafov, Drevo in gozd, Prevleke, Povezljivost, Ujemanje, Izomorfizem, Prehodnost, Primeri, Barvanje, Neodvisni nizi itd.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/tree-forest"> <i class="fa fa-external-link"></i> Preberi Več</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Zanimivi Članki</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/advantages-disadvantages-vibration">Prednosti in slabosti vibracij</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-iterate-through-list-python">Kako iterirati skozi seznam v Pythonu</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/factory-method-design-pattern-java">Vzorec načrtovanja tovarniške metode v Javi</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/numpy-multiply-python">numpy.multiply() v Pythonu</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/metric-tons-kilograms-converter">Pretvornik metričnih ton v kilograme</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">Priljubljene Objave</h2>
<div class="content">
<ul class="list"> <li><a href="/java-drivermanager-getconnection-method">dobiti povezavo</a>
</li><li><a href="/java-convert-char-int">java znak v int</a>
</li><li><a href="/linux-directories">imenik v ukazih linux</a>
</li><li><a href="/how-convert-string-json-object-java">niz v objekt json</a>
</li><li><a href="/python-string-rstrip-method">python rstrip</a>
</li><li><a href="/java-string-date">pretvorbo niza v datum</a>
</li><li><a href="/pojo">kakec</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 Vse Pravice Pridržane | <a href="//nl.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Zavrnitev Odgovornosti</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">O Podjetju</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Politika Zasebnosti</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>
|
