XHTML tai EXtensible Hypertext Markup Language on sekoitus HTML:ää ja XML:ää, hyvin samankaltainen kuin HTML mutta tiukempi. Se on kuin sääntökirja verkkosivujen luomiseen, joita selaimet ymmärtävät helposti. Toisin kuin HTML, sinun on oltava varovainen ja noudatettava sääntöjä tarkasti. Useimmat selaimet tukevat sitä. Ajattele sitä vain tarkempana tapana kirjoittaa verkkokoodia.
Sisällysluettelo
Historia
Sen on kehittänyt World Wide Web Consortium (W3C), ja se auttaa verkkokehittäjiä siirtymään HTML:stä XML:ään. XHTML:n avulla kehittäjät voivat päästä XML-maailmaan kaikkine ominaisuuksineen varmistaen samalla sisällön yhteensopivuuden taaksepäin ja tulevaisuudessa. XHTML-perhe sisältää kolme asiakirjatyyppiä; ensimmäinen on XHTML 1.0, jota W3C suositteli 26. tammikuuta 2000. Toinen on XHTML 1.1, jota W3C suositteli 31. toukokuuta 2001.
Kolmas on XHTML5, standardi, jota käytetään HTML5-spesifikaatioiden XML-sovituksen kehittämiseen. XHTML-asiakirjassa on oltava XHTML-ilmoitus.
XHTML:n elementit:
| XHTML-elementti | Kuvaus |
> | Käytetään ilmoittamaan asiakirjatyyppimääritelmä (DTD), joka määrittää merkintäkielen säännöt ja varmistaa oikean hahmontamisen selaimissa. |
> | Sisältää koko HTML- tai XHTML-dokumentin, joka toimii juurielementtinä. |
> | Sisältää asiakirjan metatietoja, kuten otsikon, merkistöä, linkitettyjä tyylisivuja ja muita tärkeitä elementtejä. |
> | Pääosaan sisäkkäinen määrittää asiakirjan otsikon, joka näkyy selaimen otsikkorivillä tai välilehdellä. |
> | Sisältää verkkosivun sisällön, mukaan lukien tekstiä, kuvia, linkkejä ja muita HTML-elementtejä. Se edustaa selaimessa näkyvää asiakirjan näkyvää osaa. |
Kun luot XHTML-verkkosivua, siihen on sisällytettävä DTD (Document Type Definition) -ilmoitus. On olemassa kolme DTD-tyyppiä, joita käsitellään alla:
Siirtymäaikainen DTD:
Sitä tukevat vanhemmat selaimet, joissa ei ole sisäänrakennettua CSS-tyylisivujen tukea. Body-tunnisteeseen sisältyy useita attribuutteja, jotka eivät ole sallittuja tiukassa DTD:ssä.
Syntaksi:
PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>> Esimerkki: Tässä esimerkissä näemme koodin XHTML-dokumentin kirjoittamiseen esimerkin kanssa.
html
s pythonissa
xml version='1.0' encoding='UTF-8'?> Siirtymävaiheen 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;'>Tietojenkäsittelytieteen portaalip><p style='text-align:center;font-size:20px;'>Mahdollisuus valita kuukausi:<select name='month'> <option selected='selected'>tammikuun vaihtoehto><option>Helmikuun vaihtoehto><option>Marchoption><option>huhtikuun vaihtoehto><option>Mayoptio><option>kesäkuun vaihtoehto><option>Heinäkuun vaihtoehto><option>Augustyoptio><option>Syyskuun vaihtoehto><option>lokakuun vaihtoehto><option>Marraskuun vaihtoehto><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> <p dir='ltr'> <b> <strong>Lähtö:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="siirtymävaiheen dtd xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>Tiukka DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Tiukkaa DTD:tä käytetään, kun XHTML-sivu sisältää vain sivunkuvauskielen. Tiukkaa DTD:tä käytetään yhdessä peräkkäisten tyylisivujen kanssa, koska tämä attribuutti ei salli CSS-ominaisuutta body-tunnisteessa.</span></p> <h3> <b> <strong>Syntaksi:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>>></tag> <p dir='ltr'> <b> <strong>Esimerkki 2:</strong> </b> <span>Tässä esimerkissä näemme koodin XHTML-dokumentin kirjoittamiseen tiukan DTD:n esimerkin kanssa.</span></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/how-sort-arraylist-java">lajitella arraylist</a>
</blockquote> <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>Tiukka DTD XHTMLtitle> head> <body> <div>font-weight:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Tietojenkäsittelytieteen portaalip><p style='text-align:center;font-size:20px;'>Mahdollisuus valita kuukausi:<select name='month'> <option selected='selected'>tammikuun vaihtoehto><option>Helmikuun vaihtoehto><option>Marchoption><option>huhtikuun vaihtoehto><option>Mayoptio><option>kesäkuun vaihtoehto><option>Heinäkuun vaihtoehto><option>Augustyoptio><option>Syyskuun vaihtoehto><option>lokakuun vaihtoehto><option>Marraskuun vaihtoehto><option>Decemberoption> select> p> body> html>>></code></td> </tr> </tbody> </table> <p></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/ranbir-kapoor">näyttelijä ranbir kapoor ikä</a>
</blockquote> <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>Lähtö:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="tiukka dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>Kehyssarja DTD:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Kehyssarjan DTD:tä käytetään, kun XHTML-sivu sisältää kehyksiä. Tämä DTD on identtinen HTML 4.01 Transitional DTD:n kanssa lukuun ottamatta HTML-elementin sisältömallia.</span></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/who-invented-school">joka teki koulun</a>
</blockquote> <h3> <b> <strong>Syntaksi:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>>></tag> <p dir='ltr'> <b> <strong>Esimerkki 2:</strong> </b> <span>Tässä esimerkissä näemme koodin XHTML-dokumentin kirjoittamiseen ja esimerkki kehyssarjan DTD:stä.</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>Lähtö:</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>Miksi käyttää XHTML:ää?</strong> </b> </h2> <ul> <li value='1'><span>XHTML-asiakirjat validoidaan tavallisilla XML-työkaluilla.</span></li> <li value='2'><span>Asiakirjoja on helppo ylläpitää, muuntaa ja muokata pitkällä aikavälillä.</span></li> <li value='3'><span>Sitä käytetään verkkosivujen laatustandardin määrittämiseen.</span></li> <li value='4'><span>XHTML on W3C:n virallinen standardi, joten verkkosivustostasi tulee yhteensopivampi ja tarkempi monien selaimien kanssa.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>XHTML:n edut:</strong> </b> </h2> <ul> <li value='1'><span>Kaikilla XHTML-tageilla on oltava päättävät tunnisteet ja ne on upotettu oikein. Tämä luo puhtaamman koodin.</span></li> <li value='2'><span>XHTML-asiakirjat ovat kevyitä, mikä tarkoittaa, että ne käyttävät vähemmän kaistanleveyttä. Tämä vähentää kustannuksia varsinkin, jos sivustossasi on 1000 sivua.</span></li> <li value='3'><span>XHTML-asiakirjat ovat hyvin muotoiltuja hyvin muotoiltuja ja ne voidaan helposti siirtää langattomiin laitteisiin, pistekirjoituksiin ja muihin erikoistuneisiin verkkoympäristöihin.</span></li> <li value='4'><span>Kaikki uudet kehitystyöt tehdään XML:ssä (jonka XHTML on sovellus).</span></li> <li value='5'><span>XHTML toimii yhdessä CSS:n kanssa ja luo helposti päivitettäviä verkkosivuja.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Ero HTML:n ja XHTML:n välillä:</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 tai HyperText Markup Language on tärkein sivunkuvauskieli verkkosivujen luomisessa</span></td> <td><span>XHTML (Extensible HyperText Markup Language) on XML-merkintäkielten perhe, joka peilaa tai laajentaa versioita laajalti käytetystä Hypertext Markup Language (HTML) -kielistä.</span></td> </tr> <tr> <td><span>Joustava kehys, joka vaatii lempeän HTML-kohtaisen jäsentimen</span></td> <td><span>XML:n rajoittava osajoukko, joka on jäsennettävä tavallisilla XML-jäsentimillä</span></td> </tr> <tr> <td><span>Tim Berners-Leen ehdotus vuonna 1987</span></td> <td><span>World Wide Web Consortium -suositus vuonna 2000.</span></td> </tr> <tr> <td><span>Standardin yleisen merkintäkielen (SGML) soveltaminen.</span></td> <td><span>XML:n sovellus</span></td> </tr> <tr> <td><span>Laajennettu SGML:stä.</span></td> <td><span>Laajennettu XML:stä, HTML:stä</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="">Luokka</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/dbms-relational-model/">Dbms-Relaatiomalli</a> </li><li> <a href="/physics-class-9-cat/">Fysiikka-Luokka-9</a> </li><li> <a href="/python-sys/">Python-Sys</a> </li><li> <a href="/cheat-sheet/">Lunttilappu</a> </li><li> <a href="/java-overloading/">Java-Ylikuormitus</a> </li><li> <a href="/linux-basic-commands/">Linux-Basic-Komennot</a> </li><li> <a href="/xml-tutorial/">Xml Opetusohjelma</a> </li><li> <a href="/c-keyword/">C Avainsana</a> </li><li> <a href="/verilog-tutorial/">Verilog Opetusohjelma</a> </li><li> <a href="/jquery-methods/">Jquery-Menetelmät</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Tiedoston nimeäminen uudelleen Linuxissa | nimeä komento uudelleen</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Tietojenkäsittelytieteen portaali nörteille. Se sisältää hyvin kirjoitettuja, hyvin ajateltuja ja hyvin selitettyjä tietojenkäsittelytieteen ja ohjelmoinnin artikkeleita, tietokilpailuja ja harjoitus-/kilpailuohjelmointi-/yrityshaastattelukysymyksiä.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/how-rename-file-linux-rename-command"> <i class="fa fa-external-link"></i> Lue Lisää</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Mielenkiintoisia Artikkeleita</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/sneha-ullal">Sneha Ullal</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/python-os-path-exists-method">Python | os.path.exists() -metodi</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/python-sort-python-dictionaries-key">Python | Lajittele Python-sanakirjat avaimen tai arvon mukaan</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/php-functions">PHP toiminnot</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/finite-automata">Valmis automaattinen</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">Suosittu Viestiä</h2>
<div class="content">
<ul class="list"> <li><a href="/convert-java-object-json">muuntaa java-objektin json-muotoon</a>
</li><li><a href="/typescript-map">kartoitus koneella</a>
</li><li><a href="/java-scanner-next-method">scanner.next java</a>
</li><li><a href="/booths-multiplication-algorithm">koppi algoritmi</a>
</li><li><a href="/how-find-out-my-monitor-size">kuinka iso tämä näyttö on</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 Kaikki Oikeudet Pidätetään | <a href="//sr.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Vastuuvapauslauseke</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Meistä</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Tietosuojakäytäntö</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>
|
