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
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> <p> </p> <i id='copy-url-button' title='Copy Generated Ide URL'> </i> <p> </p> <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> 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>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> <p> </p> <i id='copy-url-button' title='Copy Generated Ide URL'> </i> <p> </p> <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> 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>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> <p> </p> <i id='copy-url-button' title='Copy Generated Ide URL'> </i> <p> </p> <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>
</div>
<!-- Article Footer with Prominent Share Buttons -->
<div class="px-6 md:px-8 py-8 bg-slate-50 dark:bg-slate-900/50 border-t border-slate-200 dark:border-slate-700/50">
<div class="flex flex-col sm:flex-row items-center justify-between gap-6">
<h4 class="text-base font-bold text-slate-700 dark:text-slate-300 uppercase tracking-wide flex items-center gap-2">
<i class="fa fa-share-alt text-tech-500"> </i>
Dele </h4>
<div class="flex flex-wrap justify-center gap-3">
<!-- Twitter -->
<a href="https://twitter.com/intent/tweet?text=XHTML introduktion&url=https://www.techcodeview.com/da/xhtml-introduction"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#1DA1F2]/10 text-[#1DA1F2] hover:bg-[#1DA1F2] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-twitter text-lg"> </i>
<span class="hidden sm:inline">Twitter </span>
</a>
<!-- Facebook -->
<a href="https://www.facebook.com/sharer/sharer.php?u=https://www.techcodeview.com/da/xhtml-introduction"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#4267B2]/10 text-[#4267B2] hover:bg-[#4267B2] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-facebook text-lg"> </i>
<span class="hidden sm:inline">Facebook </span>
</a>
<!-- LinkedIn -->
<a href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.techcodeview.com/da/xhtml-introduction&title=XHTML introduktion"
target="_blank" rel="noopener noreferrer"
class="flex items-center gap-2 px-6 py-3 rounded-xl bg-[#0077b5]/10 text-[#0077b5] hover:bg-[#0077b5] hover:text-white transition-all duration-300 font-bold text-sm">
<i class="fa fa-linkedin text-lg"> </i>
<span class="hidden sm:inline">LinkedIn </span>
</a>
</div>
</div>
</div>
</article>
<!-- Comments Placeholder / Random Articles -->
<div class="mt-8 bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl p-6 md:p-8 shadow-sm">
<h3 class="text-xl font-bold text-slate-900 dark:text-white mb-6 uppercase tracking-wide border-b border-slate-200 dark:border-slate-700 pb-2">
Du Kan Måske Lide </h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="group">
<a href="/da/mysql-create-table" class="block aspect-video rounded-lg overflow-hidden bg-slate-200 dark:bg-slate-700 mb-3">
<img loading="lazy" src="https://techcodeview.com/img/mysql-tutorial/72/mysql-create-table.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="MySQL OPRET TABEL" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
</a>
<h4 class="font-bold text-slate-900 dark:text-white leading-tight group-hover:text-tech-500 transition-colors">
<a href="/da/mysql-create-table">MySQL OPRET TABEL </a>
</h4>
</div> <div class="group">
<a href="/da/sql-server-transaction" class="block aspect-video rounded-lg overflow-hidden bg-slate-200 dark:bg-slate-700 mb-3">
<img loading="lazy" src="https://techcodeview.com/img/sql-server-tutorials/35/sql-server-transaction.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="SQL Server-transaktion" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
</a>
<h4 class="font-bold text-slate-900 dark:text-white leading-tight group-hover:text-tech-500 transition-colors">
<a href="/da/sql-server-transaction">SQL Server-transaktion </a>
</h4>
</div>
</div>
</div>
</div>
<!-- SECONDARY COLUMN (SIDEBAR) -->
<!-- Aside Column -->
<div class="lg:col-span-4 space-y-8">
<!-- Best Articles Widget -->
<div class="rounded-xl bg-white dark:bg-slate-800 border border-slate-200 dark:border-slate-700 p-6 shadow-sm">
<div class="mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide flex items-center">
<span class="mr-2 h-2 w-2 rounded-full bg-tech-500"> </span>
Top Artikler </h2>
</div>
<!-- Owl Carousel Preserved Container -->
<div id="owl-carousel-3" class="owl-carousel owl-theme center-owl-nav">
<!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/da/smallest-number-with-given-digit-count-and-sum">
<img src="https://techcodeview.com/img/greedy/73/smallest-number-with-given-digit-count-and-sum.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Det mindste antal med givet cifferantal og sum" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/da/smallest-number-with-given-digit-count-and-sum" class="hover:text-tech-500 transition-colors line-clamp-3">Det mindste antal med givet cifferantal og sum </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/da/explained-what-is-meowchat-24258">
<img src="https://techcodeview.com/img/get-informed/37/explained-what-is-meowchat.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Forklaret – Hvad er MeowChat?" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/da/explained-what-is-meowchat-24258" class="hover:text-tech-500 transition-colors line-clamp-3">Forklaret – Hvad er MeowChat? </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/da/countplot-python">
<img src="https://techcodeview.com/img/python-tutorial/60/countplot-python.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Optælling i Python" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/da/countplot-python" class="hover:text-tech-500 transition-colors line-clamp-3">Optælling i Python </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/da/stanford-acceptance-letter-1311248">
<img src="https://techcodeview.com/img/blog/52/stanford-acceptance-letter.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Stanford Acceptance Letter: Virkelig og officiel" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/da/stanford-acceptance-letter-1311248" class="hover:text-tech-500 transition-colors line-clamp-3">Stanford Acceptance Letter: Virkelig og officiel </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/da/python-os-system-method">
<img src="https://techcodeview.com/img/python-os-module/24/python-os-system-method.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Python | os.system() metode" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/da/python-os-system-method" class="hover:text-tech-500 transition-colors line-clamp-3">Python | os.system() metode </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/da/what-is-ap-seminar-should-you-take-it-131914">
<img src="https://techcodeview.com/img/blog/57/what-is-ap-seminar-should-you-take-it.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Hvad er AP Seminar? Skal du tage det?" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/da/what-is-ap-seminar-should-you-take-it-131914" class="hover:text-tech-500 transition-colors line-clamp-3">Hvad er AP Seminar? Skal du tage det? </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/da/backtracking-algorithm">
<img src="https://techcodeview.com/img/algorithms-backtracking/27/backtracking-algorithm.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Tilbagesporingsalgoritme" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/da/backtracking-algorithm" class="hover:text-tech-500 transition-colors line-clamp-3">Tilbagesporingsalgoritme </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/da/difference-between-abstract-class">
<img src="https://techcodeview.com/img/it-problems-solutions/63/difference-between-abstract-class.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Forskellen mellem abstrakt klasse og grænseflade i Java" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/da/difference-between-abstract-class" class="hover:text-tech-500 transition-colors line-clamp-3">Forskellen mellem abstrakt klasse og grænseflade i Java </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/da/list-size-method-java-with-examples">
<img src="https://techcodeview.com/img/java-collections/19/list-size-method-java-with-examples.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="List size() metode i Java med eksempler" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/da/list-size-method-java-with-examples" class="hover:text-tech-500 transition-colors line-clamp-3">List size() metode i Java med eksempler </a>
</h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="flex items-start gap-4 p-2 hover:bg-slate-50 dark:hover:bg-slate-700/50 rounded-lg transition-colors">
<div class="w-20 h-20 shrink-0 overflow-hidden rounded-md bg-slate-200 dark:bg-slate-700">
<a href="/da/differences-between-hardware">
<img src="https://techcodeview.com/img/computer/78/differences-between-hardware.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Forskelle mellem hardware og software" class="w-full h-full object-cover">
</a>
</div>
<div class="flex-1 min-w-0">
<h4 class="text-sm font-semibold text-slate-800 dark:text-slate-200 leading-snug">
<a href="/da/differences-between-hardware" class="hover:text-tech-500 transition-colors line-clamp-3">Forskelle mellem hardware og software </a>
</h4>
</div>
</article>
<!-- /ARTICLE -->
</div>
<!-- Categories -->
<div class="mt-8 mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide">Kategori </h2>
</div>
<div class="flex flex-wrap gap-2">
<a href="/da/blog/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Blog
</a> <a href="/da/java-conversion/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Java-Konvertering
</a> <a href="/da/maths/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Matematik
</a> <a href="/da/java-collections/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Java Samlinger
</a> <a href="/da/differences/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Forskelle
</a> <a href="/da/java-string/" class="inline-block px-3 py-1 bg-slate-100 dark:bg-slate-700 text-xs font-medium text-slate-600 dark:text-slate-300 rounded-full hover:bg-tech-500 hover:text-white transition-colors">
Java Streng
</a>
</div>
<!-- Interesting Articles Widget -->
<div class="mt-8">
<div class="mb-4 border-b border-slate-100 dark:border-slate-700 pb-2">
<h2 class="text-lg font-bold text-slate-900 dark:text-white uppercase tracking-wide">Interessante Artikler </h2>
</div>
<div id="owl-carousel-4" class="owl-carousel owl-theme">
<!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/picked/52/computer-hardware.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Computer hardware" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/da/picked/">Plukket </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/da/computer-hardware">Computer hardware </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/java/83/encapsulation-in-java.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Indkapsling i Java" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/da/java/">Java </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/da/encapsulation-in-java">Indkapsling i Java </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/blog/03/157-fun-trivia-questions.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="157 sjove trivia-spørgsmål til børn og voksne" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/da/blog/">Blog </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/da/157-fun-trivia-questions-13136">157 sjove trivia-spørgsmål til børn og voksne </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/python/54/working-with-zip-files-in-python.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Arbejde med zip-filer i Python" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/da/python/">Python </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/da/working-with-zip-files-in-python">Arbejde med zip-filer i Python </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/log4j-tutorial/83/log4j-vs-slf4j.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Log4j vs SLF4J" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/da/log4j-tutorial/">Log4J Tutorial </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/da/log4j-vs-slf4j">Log4j vs SLF4J </a> </h4>
</div>
</article>
<!-- /ARTICLE --> <!-- ARTICLE -->
<article class="relative aspect-video rounded-lg overflow-hidden group mb-2">
<div class="absolute inset-0">
<img src="https://techcodeview.com/img/osi/89/difference-between-osi-model.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Forskellen mellem OSI-model og TCP/IP-model" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-500">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent"> </div>
</div>
<div class="absolute bottom-0 left-0 p-4">
<div class="text-xs text-tech-400 font-bold mb-1"> <a href="/da/osi/">Såvel </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/da/difference-between-osi-model">Forskellen mellem OSI-model og TCP/IP-model </a> </h4>
</div>
</article>
<!-- /ARTICLE -->
</div>
</div>
</div>
</div>
<!-- /Aside Column --> </div>
</div>
</div>
<footer class="site-footer">
<div class="container">
<span class="footer-links">
Copyright ©2026 Alle Rettigheder Forbeholdes |
<a href="//www.techcodeview.com/ko/">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>
<script>
!function(){"use strict";let t=document.createElement("button");t.id="toTopBtn",t.innerHTML="↑";let e=`
#toTopBtn {
position: fixed; bottom: 25px; right: 25px; z-index: 9999; opacity: 0; visibility: hidden; background-color: #0ea5e9; color: white; border: none; border-radius: 8px; width: 50px; height: 50px; font-size: 24px; cursor: pointer; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
#toTopBtn:hover { background-color: #0284c7; }
`,i=document.createElement("style");i.type="text/css",i.innerText=e,document.head.appendChild(i),document.body.appendChild(t),window.addEventListener("scroll",()=>{let e=window.scrollY||document.documentElement.scrollTop;e>300?(t.style.opacity="1",t.style.visibility="visible"):(t.style.opacity="0",t.style.visibility="hidden")}),t.addEventListener("click",()=>{window.scrollTo({top:0,behavior:"smooth"})})}();
</script>
</body>
</html>
|
