logo

TechCodeview

Introduzione all'XHTML

XHTML o Linguaggio di markup ipertestuale estensibile è un mix di HTML e XML, molto simile a HTML ma più severo. È come un libro di regole per la creazione di pagine Web facilmente comprensibili dai browser. A differenza dell'HTML, devi stare attento e seguire esattamente le regole. La maggior parte dei browser lo supporta. Pensalo come un modo più preciso per scrivere codice web.

Tabella dei contenuti

Storia

È stato sviluppato dal World Wide Web Consortium (W3C) e aiuta gli sviluppatori web a passare da HTML a XML. Con XHTML, gli sviluppatori possono entrare nel mondo XML con tutte le sue funzionalità garantendo comunque la compatibilità con le versioni precedenti e future del contenuto. La famiglia XHTML comprende tre tipi di documenti; il primo è XHTML 1.0, raccomandato dal W3C il 26 gennaio 2000. Il secondo è XHTML 1.1, raccomandato dal W3C il 31 maggio 2001.



Il terzo è XHTML5, uno standard utilizzato per sviluppare un adattamento XML delle specifiche HTML5. Un documento XHTML deve avere una dichiarazione XHTML.

Elementi di XHTML:

nodo elenco Java
Elemento XHTML Descrizione
> Utilizzato per dichiarare la Document Type Definition (DTD), specificando le regole per il linguaggio di markup, garantendo il corretto rendering nei browser.
> Racchiude l'intero documento HTML o XHTML, fungendo da elemento radice.
> Contiene metainformazioni sul documento, come titolo, set di caratteri, fogli di stile collegati e altri elementi essenziali.
> Nidificato all'interno della sezione head, specifica il titolo del documento, visualizzato nella barra o nella scheda del titolo del browser.
> Racchiude il contenuto della pagina Web, inclusi testo, immagini, collegamenti e altri elementi HTML. Rappresenta la parte visibile del documento visualizzato nel browser.

Quando si crea una pagina web XHTML, è necessario includere una dichiarazione DTD (Document Type Definition). Esistono tre tipi di DTD discussi di seguito:

DTD transitorio:

È supportato dai browser più vecchi che non dispongono di supporti integrati per i fogli di stile a cascata. Nel tag body sono racchiusi diversi attributi che non sono consentiti nella DTD rigorosa.

Sintassi: 

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

Esempio: In questo esempio vedremo il codice per scrivere un documento XHTML con un esempio.

html




xml version='1.0' encoding='UTF-8'?> Titolo XHTML DTD transitorio> head> <body bgcolor='#dae1ed'> <div>peso carattere: grassetto; allineamento testo: centro; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Un portale informatico><p style='text-align:center;font-size:20px;'>Possibilità di scegliere il mese:<select name='month'> <option selected='selected'>Opzione gennaio><option>Opzione di febbraio><option>Opzione marzo><option>Opzione di aprile><option>Opzione maggio><option>Opzione giugno><option>Opzione luglio><option>Opzione agosto><option>Opzione settembre><option>Opzione ottobre><option>Opzione di novembre><option>Dicembreopzione> seleziona> p> corpo> 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>Produzione:</strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="dtd transitorio xhtml"><span> </span></p> <h2 id='strict-dtd'> <b> <strong>DTD rigoroso:</strong> </b> <span> </span></h2> <p dir='ltr'><span>La DTD rigorosa viene utilizzata quando la pagina XHTML contiene solo linguaggio di markup. La DTD rigorosa viene utilizzata insieme ai fogli di stile a cascata, poiché questo attributo non consente la proprietà CSS nel tag body.</span></p> <h3> <b> <strong>Sintassi:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'> <b> <strong>Esempio 2:</strong> </b> <span>In questo esempio vedremo il codice per scrivere un documento XHTML con un esempio per la DTD rigorosa.</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>Titolo XHTML DTD rigoroso> head> <body> <div>peso carattere: grassetto; allineamento testo: centro; margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Un portale informatico><p style='text-align:center;font-size:20px;'>Possibilità di scegliere il mese:<select name='month'> <option selected='selected'>Opzione gennaio><option>Opzione di febbraio><option>Opzione marzo><option>Opzione di aprile><option>Opzione maggio><option>Opzione giugno><option>Opzione luglio><option>Opzione agosto><option>Opzione settembre><option>Opzione ottobre><option>Opzione di novembre><option>Dicembreopzione> seleziona> p> corpo> 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>Produzione:</strong> </b> </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="rigoroso dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'> <b> <strong>DTD del telaio:</strong> </b> <span> </span></h2> <p dir='ltr'><span>Il DTD frameset viene utilizzato quando la pagina XHTML contiene frame. Questo DTD è identico al DTD transitorio di HTML 4.01 ad eccezione del modello di contenuto dell'elemento HTML.</span></p> <h3> <b> <strong>Sintassi:</strong> </b> </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'> <b> <strong>Esempio 2:</strong> </b> <span>In questo esempio vedremo il codice per scrivere un documento XHTML con un esempio per 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' />telaio><frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />telaio><frameset rows='20%, 20%, 30%, *'> <frame src='geeksforgeeks.html' /> <frame src='geeksforgeeks1.html' /> <frame src='geeksforgeeks2.html' /> <frame src='geeksforgeeks3.html' />set di frame>set di frame>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>Produzione:</strong> </b> </p> <h2 id='why-use-xhtml'> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-3.webp' alt="set di frame dtd xhtml"> <b> <strong>Perché usare XHTML?</strong> </b> </h2> <ul> <li value='1'><span>I documenti XHTML vengono convalidati con strumenti XML standard.</span></li> <li value='2'><span>È facile mantenere, convertire e modificare i documenti a lungo termine.</span></li> <li value='3'><span>Viene utilizzato per definire lo standard di qualità delle pagine web.</span></li> <li value='4'><span>XHTML è uno standard ufficiale del W3C, il tuo sito web diventa più compatibile e accurato con molti browser.</span></li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>Vantaggi dell'XHTML:</strong> </b> </h2> <ul> <li value='1'><span>Tutti i tag XHTML devono avere tag di chiusura e essere nidificati correttamente. Questo genera un codice più pulito.</span></li> <li value='2'><span>I documenti XHTML sono snelli, il che significa che utilizzano meno larghezza di banda. Ciò riduce i costi soprattutto se il tuo sito web ha migliaia di pagine.</span></li> <li value='3'><span>I documenti XHTML sono ben formattati e possono essere facilmente trasportati su dispositivi wireless, lettori Braille e altri ambienti web specializzati.</span></li> <li value='4'><span>Tutti i nuovi sviluppi saranno in XML (di cui XHTML è un'applicazione).</span></li> <li value='5'><span>XHTML funziona in associazione con CSS per creare pagine Web che possono essere facilmente aggiornate.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Differenza tra HTML e 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 o HyperText Markup Language è il principale linguaggio di markup per la creazione di pagine web</span></td> <td><span>XHTML (Extensible HyperText Markup Language) è una famiglia di linguaggi di markup XML che rispecchiano o estendono le versioni dell'Hypertext Markup Language (HTML) ampiamente utilizzato.</span></td> </tr> <tr> <td><span>Framework flessibile che richiede un parser specifico HTML indulgente</span></td> <td><span>Sottoinsieme restrittivo di XML che deve essere analizzato con parser XML standard</span></td> </tr> <tr> <td><span>Proposto da Tim Berners-Lee nel 1987</span></td> <td><span>Raccomandazione del World Wide Web Consortium nel 2000.</span></td> </tr> <tr> <td><span>Applicazione del linguaggio di markup generalizzato standard (SGML).</span></td> <td><span>Applicazione dell'XML</span></td> </tr> <tr> <td><span>Esteso da SGML.</span></td> <td><span>Esteso da 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="">Categoria</h2> <div class="content"> <ul class="list-unstyled"> <li> <a href="/installation-mac/">Installazione Su Mac</a> </li><li> <a href="/physics-formulas/">Formule Fisiche</a> </li><li> <a href="/java-serialization/">Serializzazione Java</a> </li><li> <a href="/microprocessor-tutorial/">Tutorial Sul Microprocessore</a> </li><li> <a href="/html-xml/">Html E Xml</a> </li><li> <a href="/java-regex/">Java Regex</a> </li><li> <a href="/java-mail-tutorial/">Esercitazione Sulla Posta Java</a> </li><li> <a href="/max-flow/">Flusso Massimo</a> </li><li> <a href="/javascript-lodash/">Javascript-Lodash</a> </li><li> <a href="/minecraft-blogs/">Blog Di Minecraft</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">Maggiore del simbolo</h2> <div class="content"> <div class="item"> <blockquote class="quote"> <span> <i class="fa fa-quote-left"></i> Il simbolo Maggiore di è il segno di disuguaglianza utilizzato per determinare che il valore sul lato sinistro è maggiore del valore sul lato destro. Questo articolo tratterà una descrizione del simbolo maggiore di insieme ai suoi esempi.</span> </blockquote> </div><!--//item--> <p> <a class="more-link" href="/greater-than-symbol"> <i class="fa fa-external-link"></i> Per Saperne Di Più</a> </p> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> <aside class="languages aside section"> <div class="section-inner"> <h2 class="heading">Articoli Interessanti</h2> <div class="content"> <ul class="list-unstyled"> <li class="item"> <span class="title"> <strong> <a href="/what-is-3-3rd-power">Quanto fa 3 alla terza potenza?</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/how-many-days-are-72-hours">Quanti giorni sono 72 ore?</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/segmentation-fault-c-c">Errore di segmentazione in C/C++</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/nginx-tutorial/">Tutorial Su Nginx</a> </strong> </span> </li><!--//item--><li class="item"> <span class="title"> <strong> <a href="/react-refs">Reagire Rif</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">Messaggi Popolari</h2> <div class="content"> <ul class="list"> <li><a href="/polymorphism-java">polimorfismo</a> </li><li><a href="/two-dimensional-array-c">programma di array bidimensionale in c</a> </li><li><a href="/c-functions">funzioni in c</a> </li><li><a href="/sed-command-linux-unix-with-examples">comando sed</a> </li><li><a href="/java-convert-int-string">java int in stringa</a> </li><li><a href="/python-pandas-series">caratteristiche di una serie di panda</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 Tutti I Diritti Riservati | <a href="//ar.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Disclaimer</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Chi Siamo</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Politica Sulla Riservatezza</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>