XHTML vai Paplašināma hiperteksta iezīmēšanas valoda ir HTML un XML sajaukums, ļoti līdzīgs HTML bet stingrāka. Tas ir kā noteikumu kopums tīmekļa lapu izveidei, ko pārlūkprogrammas viegli uztver. Atšķirībā no HTML, jums ir jābūt uzmanīgiem un precīzi jāievēro noteikumi. Lielākā daļa pārlūkprogrammu to atbalsta. Iedomājieties to kā precīzāku tīmekļa koda rakstīšanas veidu.
Satura rādītājs
Vēsture
To izstrādāja World Wide Web Consortium (W3C), un tas palīdz tīmekļa izstrādātājiem pāriet no HTML uz XML. Izmantojot XHTML, izstrādātāji var iekļūt XML pasaulē ar visām tās funkcijām, vienlaikus nodrošinot satura saderību atpakaļ un nākotnē. XHTML saime ietver trīs dokumentu tipus; pirmais ir XHTML 1.0, ko W3C ieteica 2000. gada 26. janvārī. Otrais ir XHTML 1.1, ko W3C ieteica 2001. gada 31. maijā.
Trešais ir XHTML5, standarts, ko izmanto HTML5 specifikācijas XML adaptācijas izstrādei. XHTML dokumentam ir jābūt XHTML deklarācijai.
XHTML elementi:
| XHTML elements | Apraksts |
> | Izmanto, lai deklarētu dokumenta tipa definīciju (DTD), norādot iezīmēšanas valodas noteikumus, nodrošinot pareizu renderēšanu pārlūkprogrammās. |
> | Iekļauj visu HTML vai XHTML dokumentu, kas kalpo kā saknes elements. |
> | Satur metainformāciju par dokumentu, piemēram, nosaukumu, rakstzīmju kopu, saistītās stila lapas un citus būtiskus elementus. |
> | Ievietots virsraksta sadaļā, norāda dokumenta nosaukumu, kas tiek rādīts pārlūkprogrammas virsrakstjoslā vai cilnē. |
> | Ietver tīmekļa lapas saturu, tostarp tekstu, attēlus, saites un citus HTML elementus. Tā ir pārlūkprogrammā redzamā dokumenta daļa. |
Veidojot XHTML tīmekļa lapu, ir nepieciešams iekļaut DTD (Document Type Definition) deklarāciju. Ir trīs DTD veidi, kas ir apspriesti tālāk:
Pārejas DTD:
To atbalsta vecākas pārlūkprogrammas, kurām nav iebūvēta kaskādes stila lapu atbalsta. Pamatteksta tagā ir ietverti vairāki atribūti, kas nav atļauti stingrā DTD.
Sintakse:
PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>> Piemērs: Šajā piemērā mēs redzēsim kodu XHTML dokumenta rakstīšanai ar piemēru.
html
xml version='1.0' encoding='UTF-8'?> Pārejas DTD XHTMLtitle> head> <body bgcolor='#dae1ed'> <div>font-weight:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv> <p style='text-align:center;font-size:20px;'>Datorzinātņu portāls> <p style='text-align:center;font-size:20px;'>Iespēja izvēlēties mēnesi: <select name='month'> <option selected='selected'>janvāra opcija> <option>februāra variants> <option>Marchoption> <option>aprīļa variants> <option>Mayoption> <option>jūnija opcija> <option>jūlija opcija> <option>Augusyoption> <option>septembra opcija> <option>oktobra variants> <option>Novembra iespēja> <option>Decemberoption> select> p> body> html>>> </tag> </td> </tr> </tbody> </table> <p> </p> <i id='output-icon' title='Output'> </i> <p> </p> <tag data-text-3='> </code> <p> </p> <i id='copy-url-button' title='Copy Generated Ide URL'> </i> <p> </p> <tag data-text-3=' </pre> <p> </p> <p dir='ltr'> <b> <strong>Izvade: </strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt='pārejas dtd xhtml'> <span> </span> </p> <h2 id='strict-dtd'> <b> <strong>Stingrs DTD: </strong> </b> <span> </span> </h2> <p dir='ltr'> <span>Stingrs DTD tiek izmantots, ja XHTML lapā ir tikai iezīmēšanas valoda. Strict DTD tiek izmantots kopā ar kaskādes stila lapām, jo šis atribūts neatļauj CSS rekvizītu body tagā. </span> </p> <h3> <b> <strong>Sintakse: </strong> </b> </h3> <pre> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>>> </tag> <p dir='ltr'> <b> <strong>2. piemērs: </strong> </b> <span>Šajā piemērā mēs redzēsim kodu XHTML dokumenta rakstīšanai ar stingras DTD piemēru. </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>Strict DTD XHTMLtitle> head> <body> <div>font-weight:bold;text-align:center; margin-bottom:-25px;'>techcodeview.comdiv> <p style='text-align:center;font-size:20px;'>Datorzinātņu portāls> <p style='text-align:center;font-size:20px;'>Iespēja izvēlēties mēnesi: <select name='month'> <option selected='selected'>janvāra opcija> <option>februāra variants> <option>Marchoption> <option>aprīļa variants> <option>Mayoption> <option>jūnija opcija> <option>jūlija opcija> <option>Augusyoption> <option>septembra opcija> <option>oktobra variants> <option>Novembra iespēja> <option>Decemberoption> select> p> body> html>>> </tag> </td> </tr> </tbody> </table> <p> </p> <i id='output-icon' title='Output'> </i> <p> </p> <tag data-text-3='> </code> <p> </p> <i id='copy-url-button' title='Copy Generated Ide URL'> </i> <p> </p> <tag data-text-3=' </pre> <p> </p> <p dir='ltr'> <b> <strong>Izvade: </strong> </b> </p> <p> <span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt='stingrs dtd xhtml'> <span> </span> </p> <h2 id='frameset-dtd'> <b> <strong>Frameset DTD: </strong> </b> <span> </span> </h2> <p dir='ltr'> <span>Kadru kopu DTD izmanto, ja XHTML lapā ir rāmji. Šis DTD ir identisks HTML 4.01 pārejas DTD, izņemot HTML elementa satura modeli. </span> </p> <h3> <b> <strong>Sintakse: </strong> </b> </h3> <pre> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>>> </tag> <p dir='ltr'> <b> <strong>2. piemērs: </strong> </b> <span>Šajā piemērā mēs redzēsim kodu XHTML dokumenta rakstīšanai ar piemēru 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>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' />frameset> <frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />frameset> <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> <tag data-text-3=' </pre> <p> </p> <i id='copy-url-button' title='Copy Generated Ide URL'> </i> <p> </p> <p> </p> <p dir='ltr'> <b> <strong>Izvade: </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>Kāpēc izmantot XHTML? </strong> </b> </h2> <ul> <li value='1'> <span>XHTML dokumenti tiek pārbaudīti ar standarta XML rīkiem. </span> </li> <li value='2'> <span>Tas ir viegli uzturēt, konvertēt, rediģēt dokumentu ilgtermiņā. </span> </li> <li value='3'> <span>To izmanto, lai noteiktu tīmekļa lapu kvalitātes standartu. </span> </li> <li value='4'> <span>XHTML ir oficiālais W3C standarts, jūsu vietne kļūst saderīgāka un precīzāka ar daudzām pārlūkprogrammām. </span> </li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>XHTML priekšrocības: </strong> </b> </h2> <ul> <li value='1'> <span>Visiem XHTML tagiem ir jābūt beigu tagiem, un tie ir pareizi ligzdoti. Tas ģenerē tīrāku kodu. </span> </li> <li value='2'> <span>XHTML dokumenti ir vāji, kas nozīmē, ka tie izmanto mazāku joslas platumu. Tas samazina izmaksas, jo īpaši, ja jūsu vietnē ir 1000 lapu. </span> </li> <li value='3'> <span>XHTML dokumenti ir labi formatēti un labi noformēti, un tos var viegli pārsūtīt uz bezvadu ierīcēm, Braila lasītājiem un citām specializētām tīmekļa vidēm. </span> </li> <li value='4'> <span>Visi jaunie sasniegumi būs XML formātā (kura XHTML ir lietojumprogramma). </span> </li> <li value='5'> <span>XHTML darbojas kopā ar CSS, lai izveidotu tīmekļa lapas, kuras var viegli atjaunināt. </span> </li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Atšķirība starp HTML un 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 jeb hiperteksta iezīmēšanas valoda ir galvenā iezīmēšanas valoda tīmekļa lapu izveidei </span> </td> <td> <span>XHTML (Extensible HyperText Markup Language) ir XML iezīmēšanas valodu saime, kas atspoguļo vai paplašina plaši izmantotās hiperteksta iezīmēšanas valodas (HTML) versijas. </span> </td> </tr> <tr> <td> <span>Elastīgs ietvars, kam nepieciešams saudzīgs HTML specifisks parsētājs </span> </td> <td> <span>Ierobežojoša XML apakškopa, kas ir jāparsē ar standarta XML parsētājiem </span> </td> </tr> <tr> <td> <span>Ierosināja Tims Berners-Lī 1987. gadā </span> </td> <td> <span>Pasaules tīmekļa konsorcija ieteikums 2000. gadā. </span> </td> </tr> <tr> <td> <span>Standarta vispārinātās iezīmēšanas valodas (SGML) pielietošana. </span> </td> <td> <span>XML pielietojums </span> </td> </tr> <tr> <td> <span>Pagarināts no SGML. </span> </td> <td> <span>Paplašināts no 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>
Kopīgot </h4>
<div class="flex flex-wrap justify-center gap-3">
<!-- Twitter -->
<a href="https://twitter.com/intent/tweet?text=XHTML ievads&url=https://www.techcodeview.com/lv/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/lv/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/lv/xhtml-introduction&title=XHTML ievads"
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">
Jums Varētu Patikt </h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="group">
<a href="/lv/opencv-tutorial-python" 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/opencv/61/opencv-tutorial-python.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="OpenCV apmācība Python" 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="/lv/opencv-tutorial-python">OpenCV apmācība Python </a>
</h4>
</div> <div class="group">
<a href="/lv/how-add-checkbox-word" 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/ms-word-tutorial/76/how-add-checkbox-word.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kā programmā Word pievienot izvēles rūtiņu" 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="/lv/how-add-checkbox-word">Kā programmā Word pievienot izvēles rūtiņu </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 Raksti </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="/lv/truth-about-dilophosaurus-1311096">
<img src="https://techcodeview.com/img/blog/13/truth-about-dilophosaurus.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Patiesība par dilofozauru: 5 fakti par spļaujošo dinozauru" 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="/lv/truth-about-dilophosaurus-1311096" class="hover:text-tech-500 transition-colors line-clamp-3">Patiesība par dilofozauru: 5 fakti par spļaujošo dinozauru </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="/lv/8-aries-traits-you-need-know-131712">
<img src="https://techcodeview.com/img/blog/03/8-aries-traits-you-need-know.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="8 Auna iezīmes, kas jums jāzina" 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="/lv/8-aries-traits-you-need-know-131712" class="hover:text-tech-500 transition-colors line-clamp-3">8 Auna iezīmes, kas jums jāzina </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="/lv/letter-recommendation-sample-131828">
<img src="https://techcodeview.com/img/blog/20/letter-recommendation-sample.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Ieteikuma vēstules paraugs: tuvs kolēģis" 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="/lv/letter-recommendation-sample-131828" class="hover:text-tech-500 transition-colors line-clamp-3">Ieteikuma vēstules paraugs: tuvs kolēģis </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="/lv/can-we-run-siri-android">
<img src="https://techcodeview.com/img/android-tutorial/36/can-we-run-siri-android.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Vai mēs varam palaist Siri operētājsistēmai Android?" 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="/lv/can-we-run-siri-android" class="hover:text-tech-500 transition-colors line-clamp-3">Vai mēs varam palaist Siri operētājsistēmai Android? </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="/lv/plotting-histogram-python-using-matplotlib">
<img src="https://techcodeview.com/img/ai-ml-ds-with-python/36/plotting-histogram-python-using-matplotlib.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Histogrammas attēlošana Python, izmantojot Matplotlib" 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="/lv/plotting-histogram-python-using-matplotlib" class="hover:text-tech-500 transition-colors line-clamp-3">Histogrammas attēlošana Python, izmantojot Matplotlib </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="/lv/complete-list-ncaa-division-2-colleges-1311250">
<img src="https://techcodeview.com/img/blog/98/complete-list-ncaa-division-2-colleges.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Pilns NCAA 2. divīzijas koledžu saraksts (jaunākais)" 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="/lv/complete-list-ncaa-division-2-colleges-1311250" class="hover:text-tech-500 transition-colors line-clamp-3">Pilns NCAA 2. divīzijas koledžu saraksts (jaunākais) </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="/lv/6-fundamental-capricorn-traits-13196">
<img src="https://techcodeview.com/img/blog/88/6-fundamental-capricorn-traits.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="6 Mežāža pamatīpašības, izskaidrotas" 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="/lv/6-fundamental-capricorn-traits-13196" class="hover:text-tech-500 transition-colors line-clamp-3">6 Mežāža pamatīpašības, izskaidrotas </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="/lv/what-doesveni-vidi-vicimean-13164">
<img src="https://techcodeview.com/img/blog/56/what-doesveni-vidi-vicimean.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Ko nozīmē “Veni Vidi Vici”? Kāpēc cilvēki to saka?" 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="/lv/what-doesveni-vidi-vicimean-13164" class="hover:text-tech-500 transition-colors line-clamp-3">Ko nozīmē “Veni Vidi Vici”? Kāpēc cilvēki to saka? </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="/lv/bash-variables">
<img src="https://techcodeview.com/img/bash-tutorial/17/bash-variables.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Bash mainīgie" 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="/lv/bash-variables" class="hover:text-tech-500 transition-colors line-clamp-3">Bash mainīgie </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="/lv/net-common-language-runtime">
<img src="https://techcodeview.com/img/net-framework/71/net-common-language-runtime.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt=".NET Common Language Runtime (CLR)" 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="/lv/net-common-language-runtime" class="hover:text-tech-500 transition-colors line-clamp-3">.NET Common Language Runtime (CLR) </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">Kategorija </h2>
</div>
<div class="flex flex-wrap gap-2">
<a href="/lv/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">
Emuārs
</a> <a href="/lv/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 Konvertēšana
</a> <a href="/lv/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">
Matemātika
</a> <a href="/lv/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 Kolekcijas
</a> <a href="/lv/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">
Atšķirības
</a> <a href="/lv/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 Virkne
</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">Interesanti Raksti </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/android-tutorial/85/gamepigeon-android.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="GamePigeon Android ierīcēm" 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="/lv/android-tutorial/">Android Apmācība </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/gamepigeon-android">GamePigeon Android ierīcēm </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/09/complete-history-hip-hop.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Pilnīga hiphopa vēsture" 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="/lv/blog/">Emuārs </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/complete-history-hip-hop-131558">Pilnīga hiphopa vēsture </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/machine-learning/21/unsupervised-machine-learning.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Mašīnmācīšanās bez uzraudzības" 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="/lv/machine-learning/">Mašīnmācība </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/unsupervised-machine-learning">Mašīnmācīšanās bez uzraudzības </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/how/44/how-switch-youtube-safety-mode.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kā ieslēgt YouTube drošo režīmu" 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="/lv/how/">Kā </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/how-switch-youtube-safety-mode-242100">Kā ieslēgt YouTube drošo režīmu </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/ms-word-tutorial/86/how-insert-graph-chart-word.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kā programmā Word ievietot diagrammu/diagrammu" 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="/lv/ms-word-tutorial/">Ms Word Apmācība </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/how-insert-graph-chart-word">Kā programmā Word ievietot diagrammu/diagrammu </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/33/complete-list-suny-schools.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Pilns SUNY skolu saraksts: kā izvēlēties sev piemērotāko" 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="/lv/blog/">Emuārs </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lv/complete-list-suny-schools-1311412">Pilns SUNY skolu saraksts: kā izvēlēties sev piemērotāko </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 Visas Tiesības Aizsargātas |
<a href="//www.techcodeview.com/lv/">techcodeview.com </a> |
<a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Atruna </a> |
<a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Par Mums </a> |
<a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Privātuma Politika </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>
|
