INTRODUCCIÓ A XHTML

XHTML o Llenguatge de marcat d'hipertext extensible és una barreja d'HTML i XML, molt semblant a HTML però més estricte. És com un llibre de regles per crear pàgines web que els navegadors entenguin fàcilment. A diferència d'HTML, cal anar amb compte i seguir les regles exactament. La majoria de navegadors ho admeten. Penseu-hi com una manera més precisa d'escriure codi web.

Taula de contingut

Història
DTD de transició
DTD estricte
Frameset DTD
Per què utilitzar XHTML?
Beneficis de XHTML
Diferència entre HTML i XHTML

Història

Va ser desenvolupat pel World Wide Web Consortium (W3C) i ajuda els desenvolupadors web a passar d'HTML a XML. Amb XHTML, els desenvolupadors poden entrar al món XML amb totes les seves característiques, alhora que garanteixen la compatibilitat enrere i futura del contingut. La família XHTML inclou tres tipus de document; el primer és XHTML 1.0, que va ser recomanat pel W3C el 26 de gener de 2000. El segon és XHTML 1.1, que va ser recomanat pel W3C el 31 de maig de 2001.

El tercer és XHTML5, un estàndard utilitzat per desenvolupar una adaptació XML de l'especificació HTML5. Un document XHTML ha de tenir una declaració XHTML.

Elements de XHTML:

Element XHTML	Descripció
`>`	S'utilitza per declarar la definició del tipus de document (DTD), especificant les regles del llenguatge de marques, garantint la representació correcta als navegadors.
`>`	Inclou tot el document HTML o XHTML, que serveix com a element arrel.
`>`	Conté metainformació sobre el document, com ara el títol, el conjunt de caràcters, els fulls d'estil enllaçats i altres elements essencials.
`>`	Imbricat dins de la secció de capçalera, especifica el títol del document, que es mostra a la barra o pestanya de títol del navegador.
`>`	Inclou el contingut de la pàgina web, incloent text, imatges, enllaços i altres elements HTML. Representa la part visible del document que es mostra al navegador.

Quan es crea una pàgina web XHTML, és necessari incloure una declaració DTD (Document Type Definition). Hi ha tres tipus de DTD que es discuteixen a continuació:

afegir cadena java

DTD de transició:

És compatible amb els navegadors més antics que no tenen suports integrats per a fulls d'estil en cascada. A l'etiqueta del cos s'inclouen diversos atributs que no es permeten en un DTD estricte.

Sintaxi:

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

Exemple: En aquest exemple veurem el codi per escriure un document XHTML amb un exemple.

html

xml version='1.0' encoding='UTF-8'?>     DTD de transició XHTMLtitle> cap> <body bgcolor='#dae1ed'>  <div>font-weight:bold;text-align:center;  margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Un portal informàtic p><p style='text-align:center;font-size:20px;'>Opció per triar mes:<select name='month'>  <option selected='selected'>Opció de gener><option>opció febrer><option>opció de març><option>Opció d'abril><option>Opció de maig><option>Opció de juny><option>opció de juliol><option>Augusyoption><option>Opció setembre><option>Opció d'octubre><option>Opció de novembre><option>Opció de desembre> seleccionar> p> cos> 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>Sortida:</strong>  </b>  </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="transició dtd xhtml"><span> </span></p> <h2 id='strict-dtd'>  <b>  <strong>DTD estricte:</strong>  </b>  <span> </span></h2> <p dir='ltr'><span>El DTD estricte s'utilitza quan la pàgina XHTML només conté llenguatge de marques. El DTD estricte s'utilitza juntament amb els fulls d'estil en cascada, perquè aquest atribut no permet la propietat CSS a l'etiqueta del cos.</span></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/ankita-dave">ankita dave</a>
</blockquote> <h3>  <b>  <strong>Sintaxi:</strong>  </b>  </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'>  <b>  <strong>Exemple 2:</strong>  </b>  <span>En aquest exemple veurem el codi per escriure un document XHTML amb un exemple de DTD estricte.</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>Estricte DTD XHTMLtitle> cap> <body>  <div>font-weight:bold;text-align:center;  margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>Un portal informàtic p><p style='text-align:center;font-size:20px;'>Opció per triar mes:<select name='month'>  <option selected='selected'>Opció de gener><option>opció febrer><option>opció de març><option>Opció d'abril><option>Opció de maig><option>Opció de juny><option>opció de juliol><option>Augusyoption><option>Opció setembre><option>Opció d'octubre><option>Opció de novembre><option>Opció de desembre> seleccionar> p> cos> 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><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/freddie-mercury">freddie mercury</a>
</blockquote> <pre class='hljs'>></pre> <p></p> <p dir='ltr'>  <b>  <strong>Sortida:</strong>  </b>  </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="estricte dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'>  <b>  <strong>Frameset DTD:</strong>  </b>  <span> </span></h2> <p dir='ltr'><span>El conjunt de marcs DTD s'utilitza quan la pàgina XHTML conté marcs. Aquesta DTD és idèntica a la DTD de transició HTML 4.01 excepte pel model de contingut de l'element HTML.</span></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/who-invented-school">que va fer escola</a>
</blockquote> <h3>  <b>  <strong>Sintaxi:</strong>  </b>  </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'>  <b>  <strong>Exemple 2:</strong>  </b>  <span>En aquest exemple veurem el codi per escriure un document XHTML amb un exemple per a DTD de frameset.</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> cap><frameset cols='30%, 20%, *'>  <frameset rows='40%, 30%, *'>  <frame src='gfg.html' />  <frame src='gfg1.html' />  <frame src='geeks.html' />conjunt de marcs><frameset rows='40%, 60%'>  <frame src='g4g.html' />  <frame src='g4g1.html' />conjunt de marcs><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>Sortida:</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>Per què utilitzar XHTML?</strong>  </b>  </h2> <ul> <li value='1'><span>Els documents XHTML es validen amb eines XML estàndard.</span></li> <li value='2'><span>És fàcil de mantenir, convertir i editar un document a llarg termini.</span></li> <li value='3'><span>S'utilitza per definir l'estàndard de qualitat de les pàgines web.</span></li> <li value='4'><span>XHTML és un estàndard oficial del W3C, el vostre lloc web es fa més compatible i precís amb molts navegadors.</span></li> </ul> <h2 id='benefits-of-xhtml'>  <b>  <strong>Beneficis de XHTML:</strong>  </b>  </h2> <ul> <li value='1'><span>Totes les etiquetes XHTML han de tenir etiquetes de tancament i estan imbricades correctament. Això genera un codi més net.</span></li> <li value='2'><span>Els documents XHTML són lleugers, la qual cosa significa que utilitzen menys amplada de banda. Això redueix el cost, sobretot si el vostre lloc web té mil pàgines.</span></li> <li value='3'><span>Els documents XHTML estan ben formatats, ben formats i es poden transportar fàcilment a dispositius sense fil, lectors Braille i altres entorns web especialitzats.</span></li> <li value='4'><span>Tots els nous desenvolupaments seran en XML (del qual XHTML és una aplicació).</span></li> <li value='5'><span>XHTML treballa en associació amb CSS per crear pàgines web que es poden actualitzar fàcilment.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'>  <b>  <strong>Diferència entre HTML i 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 és el principal llenguatge de marcat per crear pàgines web</span></td> <td><span>XHTML (Extensible HyperText Markup Language) és una família de llenguatges de marcat XML que reflecteixen o amplien versions del llenguatge de marcat d'hipertext (HTML) molt utilitzat.</span></td> </tr> <tr> <td><span>Marc flexible que requereix un analitzador específic d'HTML</span></td> <td><span>Subconjunt restrictiu d'XML que s'ha d'analitzar amb analitzadors XML estàndard</span></td> </tr> <tr> <td><span>Proposat per Tim Berners-Lee el 1987</span></td> <td><span>Recomanació del World Wide Web Consortium l'any 2000.</span></td> </tr> <tr> <td><span>Aplicació del llenguatge de marcat generalitzat estàndard (SGML).</span></td> <td><span>Aplicació de XML</span></td> </tr> <tr> <td><span>Ampliat des de SGML.</span></td> <td><span>Ampliat des de 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="/memory-management/">Gestió De La Memòria</a> </li><li> <a href="/design-patterns/">Patrons De Disseny</a> </li><li> <a href="/next-js/">Next.js</a> </li><li> <a href="/b-tree/">B-Arbre</a> </li><li> <a href="/jpa-tutorial/">Tutorial Jpa</a> </li><li> <a href="/groovy-tutorial/">Tutorial Groovy</a> </li><li> <a href="/chemical-bonding/">Enllaç Químic</a> </li><li> <a href="/python-regex/">Python-Regex</a> </li><li> <a href="/autocad-tutorial/">Tutorial D'autocad</a> </li><li> <a href="/python-dsa/">Python-Dsa</a> </li>
                                
                            </ul>
                        </div><!--//content-->  
                    </div><!--//section-inner-->                 
                </aside><!--//aside-->
                
                 <aside class="testimonials aside section">
                   <div class="section-inner">
                        <h2 class="heading">Com escriure un assaig argumentatiu A+</h2>
                        <div class="content">
                            <div class="item">
                                 <blockquote class="quote">                                  
                                    <span> <i class="fa fa-quote-left"></i> Escriure un assaig argumentatiu? Quin és un bon tema? Apreneu a escriure un gran assaig argumentatiu i llegiu els nostres exemples experts.</span>
                                </blockquote>                
                                                                                             
                            </div><!--//item-->
                            
                            <p> <a class="more-link" href="/how-write-an-argumentative-essay-131130"> <i class="fa fa-external-link"></i> Llegir Més</a> </p> 
                            
                        </div><!--//content-->
                    </div><!--//section-inner-->
                </aside><!--//section-->
                
               
                            
                 <aside class="languages aside section">
                    <div class="section-inner">
                        <h2 class="heading">Articles D'Interès</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li class="item">
                                    <span class="title"> <strong> <a href="/std-max-c">std::max en C++</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/how-make-orange-2-easy-steps-131206">Com fer taronja en 2 senzills passos</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/linux-uniq-command">Comandament uniq de Linux</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/unique_ptr-c">Unique_ptr en C++</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/how-find-mean-set-numbers-1311520">Com trobar la mitjana d'un conjunt de nombres: fórmula i exemples</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">Entrades Populars</h2>
                        <div class="content">
                            <ul class="list"> <li><a href="/convert-25-c-into-kelvin-scale">25 c a k</a>
</li><li><a href="/sql-composite-key">clau primària i clau composta en sql</a>
</li><li><a href="/powershell-comments">comentari multilínia de Powershell</a>
</li><li><a href="/uml-class-diagram">diagrama uml java</a>
</li><li><a href="/how-convert-string-json-object-java">cadena json java</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 Tots Els Drets Reservats |  <a href="//sr.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Exempció De Responsabilitat</a>  |  <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Sobre Nosaltres</a>  |  <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Política De Privadesa</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>

TechCodeview

Història

DTD de transició:

Sintaxi:

html