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><!--//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="/ruby-tutorial/">Tutorial Su Rubino</a> </li><li> <a href="/physics-difference-between/">Fisica-Differenza-Tra</a> </li><li> <a href="/brain-teasers/">Rompicapi</a> </li><li> <a href="/vba-tutorial/">Esercitazione Vba</a> </li><li> <a href="/binary-search-tree/">Albero di ricerca binaria</a> </li><li> <a href="/c-storage-classes-type-qualifiers/">Classi Di Archiviazione C E Qualificatori Di Tipo</a> </li><li> <a href="/java-date-class/">Classe Di Date Java</a> </li><li> <a href="/instagram/">Instagram</a> </li><li> <a href="/c-macro-preprocessor/">C-Macro E Preprocessore</a> </li><li> <a href="/vb-net-tutorial/">Esercitazione Su Vb.net</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Converti String in Int Python</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Un portale di informatica per geek. Contiene articoli di informatica e programmazione ben scritti, ben pensati e ben spiegati, quiz e domande per colloqui pratici/competitivi/aziendali.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/convert-string-int-python"> <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="/my-height-is-172-cm-how-many-feet-am-i">La mia altezza è 172 cm. Quanti piedi sono?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/what-is-priority-queue">Cos'è una coda prioritaria?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/50-best-engineering-scholarships-1311204">Le 50 migliori borse di studio di ingegneria</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/json-dump-python">json.dump() in Python</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/types-graphs-with-examples">Tipi di grafici con esempi</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="/c-dictionary">dizionario c#</a>
</li><li><a href="/what-is-1-1000">1 di 1000,00</a>
</li><li><a href="/what-is-windows-desktop">cos'è il desktop ini</a>
</li><li><a href="/kruskals-algorithm">algoritmo di Kruskal</a>
</li><li><a href="/java-string-replace">sostituisci la stringa in Java</a>
</li><li><a href="/sed-command-linux-unix-with-examples">comando sed</a>
</li><li><a href="/ubuntu-build-essential">cos'è Ubuntu essenziale per la compilazione</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="//ca.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>
|
