XHTML arba Išplečiamoji hiperteksto žymėjimo kalba yra HTML ir XML derinys, labai panašus į HTML bet griežtesnis. Tai tarsi interneto puslapių kūrimo taisyklių sąvadas, kurį naršyklės lengvai supranta. Skirtingai nei HTML, turite būti atsargūs ir tiksliai laikytis taisyklių. Dauguma naršyklių tai palaiko. Pagalvokite apie tai kaip apie tikslesnį žiniatinklio kodo rašymo būdą.
Turinys
Istorija
Jį sukūrė World Wide Web Consortium (W3C) ir jis padeda žiniatinklio kūrėjams pereiti nuo HTML prie XML. Naudodami XHTML kūrėjai gali patekti į XML pasaulį su visomis jo funkcijomis, tuo pačiu užtikrindami atgalinį ir būsimą turinio suderinamumą. XHTML šeimą sudaro trys dokumentų tipai; pirmasis yra XHTML 1.0, kurį W3C rekomendavo 2000 m. sausio 26 d. Antrasis yra XHTML 1.1, kurį W3C rekomendavo 2001 m. gegužės 31 d.
Trečiasis yra XHTML5, standartas, naudojamas kuriant HTML5 specifikacijos XML pritaikymą. XHTML dokumentas turi turėti XHTML deklaraciją.
XHTML elementai:
| XHTML elementas | apibūdinimas |
> | Naudojamas deklaruoti dokumento tipo apibrėžimą (DTD), nurodant žymėjimo kalbos taisykles, užtikrinančias tinkamą atvaizdavimą naršyklėse. |
> | Apima visą HTML arba XHTML dokumentą, kuris yra pagrindinis elementas. |
> | Yra metainformacija apie dokumentą, pvz., pavadinimas, simbolių rinkinys, susieti stilių lapai ir kiti svarbūs elementai. |
> | Įdėta antraštės skiltyje, nurodo dokumento pavadinimą, rodomą naršyklės pavadinimo juostoje arba skirtuke. |
> | Apima tinklalapio turinį, įskaitant tekstą, vaizdus, nuorodas ir kitus HTML elementus. Tai rodo matomą dokumento dalį, rodomą naršyklėje. |
Kuriant XHTML tinklalapį būtina įtraukti DTD (Document Type Definition) deklaraciją. Yra trys DTD tipai, kurie aptariami toliau:
Pereinamojo laikotarpio DTD:
Jį palaiko senesnės naršyklės, kuriose nėra integruoto pakopinio stiliaus lapų palaikymo. Į kūno žymą įtraukti keli atributai, kurie neleidžiami griežtame DTD.
Sintaksė:
PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'DTD/xhtml1-transitional.dtd'>>> Pavyzdys: Šiame pavyzdyje pamatysime XHTML dokumento rašymo kodą su pavyzdžiu.
html
xml version='1.0' encoding='UTF-8'?> Pereinamojo laikotarpio DTD XHTMLtitle> head> <body bgcolor='#dae1ed'> <div>šrifto svoris: paryškintas;teksto lygiavimas: centras; margin-bottom:-25px;'>techcodeview.comdiv> <p style='text-align:center;font-size:20px;'>Informatikos portalas> <p style='text-align:center;font-size:20px;'>Galimybė pasirinkti mėnesį: <select name='month'> <option selected='selected'>sausio mėnesio variantas> <option>Vasario variantas> <option>kovo variantas> <option>balandžio mėnesio variantas> <option>Mayoption> <option>birželio variantas> <option>liepos mėnesio variantas> <option>Augusyoption> <option>Rugsėjo mėnesio variantas> <option>spalio variantas> <option>Lapkričio variantas> <option>Gruodžio parinktis> pasirinkite> 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>Išvestis: </strong> </b> </p> <p> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction.webp' alt='pereinamasis dtd xhtml'> <span> </span> </p> <h2 id='strict-dtd'> <b> <strong>Griežtas DTD: </strong> </b> <span> </span> </h2> <p dir='ltr'> <span>Griežtas DTD naudojamas, kai XHTML puslapyje yra tik žymėjimo kalba. Griežtas DTD naudojamas kartu su pakopiniais stilių lapais, nes šis atributas neleidžia CSS ypatybių kūno žymoje. </span> </p> <h3> <b> <strong>Sintaksė: </strong> </b> </h3> <pre> PUBLIC '-//W3C//DTD XHTML 1.0 Strict//EN' 'DTD/xhtml1-strict.dtd'>>> </tag> <p dir='ltr'> <b> <strong>2 pavyzdys: </strong> </b> <span>Šiame pavyzdyje pamatysime XHTML dokumento rašymo kodą su griežto DTD pavyzdžiu. </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>Griežtas DTD XHTMLtitle> head> <body> <div>šrifto svoris: paryškintas;teksto lygiavimas: centras; margin-bottom:-25px;'>techcodeview.comdiv> <p style='text-align:center;font-size:20px;'>Informatikos portalas> <p style='text-align:center;font-size:20px;'>Galimybė pasirinkti mėnesį: <select name='month'> <option selected='selected'>sausio mėnesio variantas> <option>Vasario variantas> <option>kovo variantas> <option>balandžio mėnesio variantas> <option>Mayoption> <option>birželio variantas> <option>liepos mėnesio variantas> <option>Augusyoption> <option>Rugsėjo mėnesio variantas> <option>spalio variantas> <option>Lapkričio variantas> <option>Gruodžio parinktis> pasirinkite> 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>Išvestis: </strong> </b> </p> <p> <span> </span> <img src='//techcodeview.com/img/html-xml/79/xhtml-introduction-2.webp' alt='griežtas dtd xhtml'> <span> </span> </p> <h2 id='frameset-dtd'> <b> <strong>Frameset DTD: </strong> </b> <span> </span> </h2> <p dir='ltr'> <span>Rėmelių rinkinys DTD naudojamas, kai XHTML puslapyje yra rėmelių. Šis DTD yra identiškas HTML 4.01 pereinamajam DTD, išskyrus HTML elemento turinio modelį. </span> </p> <h3> <b> <strong>Sintaksė: </strong> </b> </h3> <pre> PUBLIC '-//W3C//DTD XHTML 1.0 Frameset//EN' 'DTD/xhtml1-frameset.dtd'>>> </tag> <p dir='ltr'> <b> <strong>2 pavyzdys: </strong> </b> <span>Šiame pavyzdyje pamatysime XHTML dokumento rašymo kodą su rėmelių rinkinio DTD pavyzdžiu. </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' />rėmelių rinkinys> <frameset rows='40%, 60%'> <frame src='g4g.html' /> <frame src='g4g1.html' />rėmelių rinkinys> <frameset rows='20%, 20%, 30%, *'> <frame src='geeksforgeeks.html' /> <frame src='geeksforgeeks1.html' /> <frame src='geeksforgeeks2.html' /> <frame src='geeksforgeeks3.html' />frameset> frameset> 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>Išvestis: </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>Kodėl naudoti XHTML? </strong> </b> </h2> <ul> <li value='1'> <span>XHTML dokumentai patvirtinami standartiniais XML įrankiais. </span> </li> <li value='2'> <span>Tai lengva prižiūrėti, konvertuoti, redaguoti dokumentą ilgainiui. </span> </li> <li value='3'> <span>Jis naudojamas tinklalapių kokybės standartui apibrėžti. </span> </li> <li value='4'> <span>XHTML yra oficialus W3C standartas, todėl jūsų svetainė tampa labiau suderinama ir tikslesnė su daugeliu naršyklių. </span> </li> </ul> <h2 id='benefits-of-xhtml'> <b> <strong>XHTML pranašumai: </strong> </b> </h2> <ul> <li value='1'> <span>Visos XHTML žymos turi turėti baigiamąsias žymas ir yra tinkamai įdėtos. Taip sukuriamas švaresnis kodas. </span> </li> <li value='2'> <span>XHTML dokumentai yra ploni, o tai reiškia, kad jie naudoja mažiau pralaidumo. Tai sumažina išlaidas, ypač jei jūsų svetainėje yra 1000 puslapių. </span> </li> <li value='3'> <span>XHTML dokumentai yra gerai suformatuoti, gerai suformuoti ir gali būti lengvai perkeliami į belaidžius įrenginius, Brailio rašto skaitytuvus ir kitas specializuotas žiniatinklio aplinkas. </span> </li> <li value='4'> <span>Visos naujovės bus XML formatu (kurios programa yra XHTML). </span> </li> <li value='5'> <span>XHTML veikia kartu su CSS, kad sukurtų tinklalapius, kuriuos būtų galima lengvai atnaujinti. </span> </li> </ul> <h2 id='difference-between-html-and-xhtml'> <b> <strong>Skirtumas tarp HTML ir 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 arba hiperteksto žymėjimo kalba yra pagrindinė žymėjimo kalba kuriant tinklalapius </span> </td> <td> <span>XHTML (Extensible HyperText Markup Language) yra XML žymėjimo kalbų šeima, kuri atspindi arba išplečia plačiai naudojamos hiperteksto žymėjimo kalbos (HTML) versijas. </span> </td> </tr> <tr> <td> <span>Lanksti sistema, kuriai reikalingas švelnus HTML analizatorius </span> </td> <td> <span>Apribojamas XML poaibis, kurį reikia analizuoti naudojant standartinius XML analizatorius </span> </td> </tr> <tr> <td> <span>Timas Bernersas-Lee pasiūlė 1987 m </span> </td> <td> <span>World Wide Web konsorciumo rekomendacija 2000 m. </span> </td> </tr> <tr> <td> <span>Standartinės apibendrintos žymėjimo kalbos (SGML) taikymas. </span> </td> <td> <span>XML taikymas </span> </td> </tr> <tr> <td> <span>Išplėstas iš SGML. </span> </td> <td> <span>Išplėsta iš 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>
Bendrinti </h4>
<div class="flex flex-wrap justify-center gap-3">
<!-- Twitter -->
<a href="https://twitter.com/intent/tweet?text=XHTML įvadas&url=https://www.techcodeview.com/lt/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/lt/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/lt/xhtml-introduction&title=XHTML įvadas"
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 Gali Patikti </h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="group">
<a href="/lt/file-handling-in-c" 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/misc/86/file-handling-in-c.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Failų tvarkymas C++" 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="/lt/file-handling-in-c">Failų tvarkymas C++ </a>
</h4>
</div> <div class="group">
<a href="/lt/how-check-data-type-java" 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/java-tutorial/98/how-check-data-type-java.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kaip patikrinti duomenų tipą Java?" 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="/lt/how-check-data-type-java">Kaip patikrinti duomenų tipą Java? </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 Straipsniai </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="/lt/how-run-python-program">
<img src="https://techcodeview.com/img/python-tutorial/20/how-run-python-program.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kaip paleisti Python programą?" 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="/lt/how-run-python-program" class="hover:text-tech-500 transition-colors line-clamp-3">Kaip paleisti Python programą? </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="/lt/deque-python">
<img src="https://techcodeview.com/img/deque/20/deque-python.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Ir 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="/lt/deque-python" class="hover:text-tech-500 transition-colors line-clamp-3">Ir 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="/lt/tee-command-linux-with-examples">
<img src="https://techcodeview.com/img/linux-command/75/tee-command-linux-with-examples.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="tee komanda Linux su pavyzdžiais" 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="/lt/tee-command-linux-with-examples" class="hover:text-tech-500 transition-colors line-clamp-3">tee komanda Linux su pavyzdžiais </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="/lt/what-is-psat-test-1311612">
<img src="https://techcodeview.com/img/blog/67/what-is-psat-test.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kas yra PSAT testas? Viskas, ką reikia žinoti" 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="/lt/what-is-psat-test-1311612" class="hover:text-tech-500 transition-colors line-clamp-3">Kas yra PSAT testas? Viskas, ką reikia žinoti </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="/lt/9-ways-shut-down-windows-11">
<img src="https://techcodeview.com/img/geeks-premier-league-2023/30/9-ways-shut-down-windows-11.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="9 būdai išjungti „Windows 11“." 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="/lt/9-ways-shut-down-windows-11" class="hover:text-tech-500 transition-colors line-clamp-3">9 būdai išjungti „Windows 11“. </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="/lt/how-calculate-mean">
<img src="https://techcodeview.com/img/picked/35/how-calculate-mean.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kaip apskaičiuoti vidurkį, medianą ir režimą „Excel“." 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="/lt/how-calculate-mean" class="hover:text-tech-500 transition-colors line-clamp-3">Kaip apskaičiuoti vidurkį, medianą ir režimą „Excel“. </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="/lt/best-32-bit-linux-operating-system">
<img src="https://techcodeview.com/img/operating-system/33/best-32-bit-linux-operating-system.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Geriausia 32 bitų Linux operacinė sistema" 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="/lt/best-32-bit-linux-operating-system" class="hover:text-tech-500 transition-colors line-clamp-3">Geriausia 32 bitų Linux operacinė sistema </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="/lt/templates-c-with-examples">
<img src="https://techcodeview.com/img/cpp-template/31/templates-c-with-examples.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Šablonai C++ su pavyzdžiais" 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="/lt/templates-c-with-examples" class="hover:text-tech-500 transition-colors line-clamp-3">Šablonai C++ su pavyzdžiais </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="/lt/history-c-language">
<img src="https://techcodeview.com/img/c-tutorial/35/history-c-language.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="C kalbos istorija" 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="/lt/history-c-language" class="hover:text-tech-500 transition-colors line-clamp-3">C kalbos istorija </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="/lt/printable-sat-practice-tests-pdfs-131782">
<img src="https://techcodeview.com/img/blog/60/printable-sat-practice-tests-pdfs.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Spausdinami SAT praktikos testų PDF failai: 22 NEMOKAMAI oficialūs testai" 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="/lt/printable-sat-practice-tests-pdfs-131782" class="hover:text-tech-500 transition-colors line-clamp-3">Spausdinami SAT praktikos testų PDF failai: 22 NEMOKAMAI oficialūs testai </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="/lt/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">
Dienoraštis
</a> <a href="/lt/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 Konvertavimas
</a> <a href="/lt/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">
Matematika
</a> <a href="/lt/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 Kolekcijos
</a> <a href="/lt/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">
Skirtumai
</a> <a href="/lt/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 Eilutė
</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">Įdomios Straipsniai </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/blog/91/what-is-class-rank-what-is-good-rank.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kas yra klasės reitingas? Kas yra geras reitingas?" 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="/lt/blog/">Dienoraštis </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/what-is-class-rank-what-is-good-rank-131490">Kas yra klasės reitingas? Kas yra geras reitingas? </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/computer/32/what-is-ring-topology.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kas yra žiedo topologija?" 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="/lt/computer/">Kompiuteris </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/what-is-ring-topology">Kas yra žiedo topologija? </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/picked/01/traceroute-command-linux-with-examples.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="„traceroute“ komanda „Linux“ su pavyzdžiais" 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="/lt/picked/">Išrinktas </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/traceroute-command-linux-with-examples">„traceroute“ komanda „Linux“ su pavyzdžiais </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/linux-tutorial/77/whocommand-linux.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="„Kas“ komanda „Linux“." 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="/lt/linux-tutorial/">Linux Pamoka </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/whocommand-linux">„Kas“ komanda „Linux“. </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/37/pemdas-rule-understanding-order-operations.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="PEMDAS taisyklė: operacijų tvarkos supratimas" 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="/lt/blog/">Dienoraštis </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/pemdas-rule-understanding-order-operations-1311356">PEMDAS taisyklė: operacijų tvarkos supratimas </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/geeks-premier-league-2023/90/hrc-fuse.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="HRC saugiklis" 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="/lt/geeks-premier-league-2023-cat/">Geeks Premier League 2023 </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/hrc-fuse">HRC saugiklis </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 Visos Teisės Saugomos |
<a href="//www.techcodeview.com/sk/">techcodeview.com </a> |
<a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Atsisakymas </a> |
<a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Apie Mus </a> |
<a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Privatumo 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>
|
