XHTML INTRODUKTION

XHTML eller EXtensible HyperText Markup Language er en blanding af HTML og XML, meget lig HTML men strengere. Det er ligesom en regelbog til at skabe websider, som browsere let kan forstå. I modsætning til HTML skal du være forsigtig og følge reglerne nøjagtigt. De fleste browsere understøtter det. Tænk bare på det som en mere præcis måde at skrive webkode på.

Indholdsfortegnelse

git status

Historie
Overgangs DTD
Strenge DTD
Rammesæt DTD
Hvorfor bruge XHTML?
Fordele ved XHTML
Forskellen mellem HTML og XHTML

Historie

Det er udviklet af World Wide Web Consortium (W3C) og hjælper webudviklere med at skifte fra HTML til XML. Med XHTML kan udviklere komme ind i XML-verdenen med alle dens funktioner, mens de stadig sikrer bagud- og fremtidig kompatibilitet af indholdet. XHTML-familien omfatter tre dokumenttyper; den første er XHTML 1.0, som blev anbefalet af W3C den 26. januar 2000. Den anden er XHTML 1.1, som blev anbefalet af W3C den 31. maj 2001.

Den tredje er XHTML5, en standard, der bruges til at udvikle en XML-tilpasning af HTML5-specifikationen. Et XHTML-dokument skal have en XHTML-erklæring.

Elementer i XHTML:

XHTML Element	Beskrivelse
`>`	Bruges til at erklære Document Type Definition (DTD), der specificerer reglerne for markup-sproget, og sikrer korrekt gengivelse i browsere.
`>`	Omslutter hele HTML- eller XHTML-dokumentet, der fungerer som rodelementet.
`>`	Indeholder metainformation om dokumentet, såsom titel, tegnsæt, linkede stylesheets og andre væsentlige elementer.
`>`	Indlejret i hovedsektionen angiver titlen på dokumentet, der vises i browserens titellinje eller fane.
`>`	Omslutter indholdet af websiden, inklusive tekst, billeder, links og andre HTML-elementer. Det repræsenterer den synlige del af dokumentet, der vises i browseren.

Når du opretter en XHTML-webside, er det nødvendigt at inkludere en DTD (Document Type Definition) erklæring. Der er tre typer DTD, som diskuteres nedenfor:

Overgangs DTD:

Det understøttes af de ældre browsere, som ikke har indbygget understøttelse af cascading style sheets. Adskillige attributter er indesluttet i body-tagget, som ikke er tilladt i streng DTD.

Syntaks:

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

Eksempel: I dette eksempel vil vi se koden til at skrive et XHTML-dokument med et eksempel.

html

xml version='1.0' encoding='UTF-8'?>     Overgangs DTD XHTMLtitle> hoved> <body bgcolor='#dae1ed'>  <div>font-weight:bold;text-align:center;  margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>En datalogisk portalp><p style='text-align:center;font-size:20px;'>Mulighed for at vælge måned:<select name='month'>  <option selected='selected'>Januar mulighed><option>februar mulighed><option>Marchoption><option>Apriloption><option>Mayoption><option>junioption><option>julivalg><option>Augusyoption><option>September mulighed><option>Oktoberoption><option>Novembermulighed><option>Decemberoption> vælg> 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>Produktion:</strong>  </b>  </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt="overgangs dtd xhtml"><span> </span></p> <h2 id='strict-dtd'>  <b>  <strong>Strenge DTD:</strong>  </b>  <span> </span></h2> <p dir='ltr'><span>Strict DTD bruges, når XHTML-siden kun indeholder markup-sprog. Strict DTD bruges sammen med cascading style sheets, fordi denne attribut ikke tillader CSS-egenskaber i body-tag.</span></p> <h3>  <b>  <strong>Syntaks:</strong>  </b>  </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>></pre> <p dir='ltr'>  <b>  <strong>Eksempel 2:</strong>  </b>  <span>I dette eksempel vil vi se koden til at skrive et XHTML-dokument med et eksempel på streng 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>Strenge DTD XHTMLtitle> hoved> <body>  <div>font-weight:bold;text-align:center;  margin-bottom:-25px;'>techcodeview.comdiv><p style='text-align:center;font-size:20px;'>En datalogisk portalp><p style='text-align:center;font-size:20px;'>Mulighed for at vælge måned:<select name='month'>  <option selected='selected'>Januar mulighed><option>februar mulighed><option>Marchoption><option>Apriloption><option>Mayoption><option>Junioption><option>julivalg><option>Augusyoption><option>September mulighed><option>Oktoberoption><option>Novembermulighed><option>Decemberoption> vælg> 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>Produktion:</strong>  </b>  </p> <p><span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt="streng dtd xhtml"><span> </span></p> <h2 id='frameset-dtd'>  <b>  <strong>Rammesæt DTD:</strong>  </b>  <span> </span></h2> <p dir='ltr'><span>Rammesættet DTD bruges, når XHTML-siden indeholder rammer. Denne DTD er identisk med HTML 4.01 Transitional DTD bortset fra HTML-elementets indholdsmodel.</span></p> <h3>  <b>  <strong>Syntaks:</strong>  </b>  </h3> <pre class='hljs'> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>></pre> <p dir='ltr'>  <b>  <strong>Eksempel 2:</strong>  </b>  <span>I dette eksempel vil vi se koden til at skrive et XHTML-dokument med et eksempel på rammesæt 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> hoved><frameset cols='30%, 20%, *'>  <frameset rows='40%, 30%, *'>  <frame src='gfg.html' />  <frame src='gfg1.html' />  <frame src='geeks.html' />rammesæt><frameset rows='40%, 60%'>  <frame src='g4g.html' />  <frame src='g4g1.html' />rammesæt><frameset rows='20%, 20%, 30%, *'>  <frame src='geeksforgeeks.html' />  <frame src='geeksforgeeks1.html' />  <frame src='geeksforgeeks2.html' />  <frame src='geeksforgeeks3.html' />rammesæt> rammesæt> 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>Produktion:</strong>  </b>  </p> <h2 id='why-use-xhtml'> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-3.webp' alt="rammesæt dtd xhtml">  <b>  <strong>Hvorfor bruge XHTML?</strong>  </b>  </h2> <ul> <li value='1'><span>XHTML-dokumenter valideres med standard XML-værktøjer.</span></li> <li value='2'><span>Det er nemt at vedligeholde, konvertere, redigere dokument i det lange løb.</span></li> <li value='3'><span>Det bruges til at definere kvalitetsstandarden for websider.</span></li> <li value='4'><span>XHTML er en officiel standard for W3C, din hjemmeside bliver mere kompatibel og præcis med mange browsere.</span></li> </ul> <h2 id='benefits-of-xhtml'>  <b>  <strong>Fordele ved XHTML:</strong>  </b>  </h2> <ul> <li value='1'><span>Alle XHTML-tags skal have afsluttende tags og være indlejret korrekt. Dette genererer renere kode.</span></li> <li value='2'><span>XHTML-dokumenter er magre, hvilket betyder, at de bruger mindre båndbredde. Dette reducerer omkostningerne, især hvis dit websted har 1000-vis af sider.</span></li> <li value='3'><span>XHTML-dokumenter er velformaterede og velformede og kan nemt transporteres til trådløse enheder, Braille-læsere og andre specialiserede webmiljøer.</span></li> <li value='4'><span>Alle nye udviklinger vil være i XML (hvoraf XHTML er en applikation).</span></li> <li value='5'><span>XHTML arbejder sammen med CSS for at skabe websider, der nemt kan opdateres.</span></li> </ul> <h2 id='difference-between-html-and-xhtml'>  <b>  <strong>Forskellen mellem HTML og 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 eller HyperText Markup Language er det vigtigste markup-sprog til oprettelse af websider</span></td> <td><span>XHTML (Extensible HyperText Markup Language) er en familie af XML-markup-sprog, der afspejler eller udvider versioner af det meget brugte Hypertext Markup Language (HTML)</span></td> </tr> <tr> <td><span>Fleksibel ramme, der kræver mild HTML-specifik parser</span></td> <td><span>Restriktiv delmængde af XML, som skal parses med standard XML-parsere</span></td> </tr> <tr> <td><span>Foreslået af Tim Berners-Lee i 1987</span></td> <td><span>World Wide Web Consortium Recommendation i 2000.</span></td> </tr> <tr> <td><span>Anvendelse af Standard Generalized Markup Language (SGML).</span></td> <td><span>Anvendelse af XML</span></td> </tr> <tr> <td><span>Udvidet fra SGML.</span></td> <td><span>Udvidet fra 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="">Kategori</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li> <a href="/linux-vi-editor/">Linux Vi Editor</a> </li><li> <a href="/c-basics/">C Grundlæggende</a> </li><li> <a href="/algebra-maq/">Algebra - Maq</a> </li><li> <a href="/java-regular-expression/">Java-Regulært Udtryk</a> </li><li> <a href="/gimp-tutorial/">Gimp Tutorial</a> </li><li> <a href="/css-misc/">Css-Diverset</a> </li><li> <a href="/c-class-object/">C++-Klasse Og Objekt</a> </li><li> <a href="/python-library/">Python-Bibliotek</a> </li><li> <a href="/java-throwable-class/">Java Throwable Klasse</a> </li><li> <a href="/uncategorized/">Ikke Kategoriseret</a> </li>
                                
                            </ul>
                        </div><!--//content-->  
                    </div><!--//section-inner-->                 
                </aside><!--//aside-->
                
                 <aside class="testimonials aside section">
                   <div class="section-inner">
                        <h2 class="heading">Forskellen mellem SIT og UAT</h2>
                        <div class="content">
                            <div class="item">
                                 <blockquote class="quote">                                  
                                    <span> <i class="fa fa-quote-left"></i> Forskel mellem SIT og UAT med liste over topforskelle og realtidseksempler inklusive billeder, hund, kat, brutto, net, java, database, videnskab, generelt, engelsk osv.</span>
                                </blockquote>                
                                                                                             
                            </div><!--//item-->
                            
                            <p> <a class="more-link" href="/difference-between-sit"> <i class="fa fa-external-link"></i> Læs Mere</a> </p> 
                            
                        </div><!--//content-->
                    </div><!--//section-inner-->
                </aside><!--//section-->
                
               
                            
                 <aside class="languages aside section">
                    <div class="section-inner">
                        <h2 class="heading">Interessante Artikler</h2>
                        <div class="content">
                            <ul class="list-unstyled">
                                <li class="item">
                                    <span class="title"> <strong> <a href="/set-notations-latex">Indstil notationer i LaTeX</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/mobdro-alternatives">Mobdro-alternativer</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/page-fault-handling-operating-system">Sidefejlhåndtering i operativsystemet</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/c-array">C Array</a> </strong> </span>
                                    
                                </li><!--//item--><li class="item">
                                    <span class="title"> <strong> <a href="/java-url-encoder">Java URL Encoder</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">Populære Indlæg</h2>
                        <div class="content">
                            <ul class="list"> <li><a href="/junit-test-case-example-java">junit test cases</a>
</li><li><a href="/java-do-while-loop">java do while loop</a>
</li><li><a href="/footnotes-markdown">markdown fodnoter</a>
</li><li><a href="/java-string-equals">er lig med metode java</a>
</li><li><a href="/how-underline-text-css">css understregningstekst</a>
</li><li><a href="/string-concatenation-java">concat java streng</a>
</li><li><a href="/java-string-replace">erstatte streng i 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 Alle Rettigheder Forbeholdes |  <a href="//sr.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Ansvarsfraskrivelse</a>  |  <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Om Os</a>  |  <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Privatlivspolitik</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

Historie

Overgangs DTD:

Syntaks:

html