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/powershell-run-administrator" 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/powershell-tutorial/48/powershell-run-administrator.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="„PowerShell“ veikia kaip administratorius" 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/powershell-run-administrator">„PowerShell“ veikia kaip administratorius </a>
</h4>
</div> <div class="group">
<a href="/lt/8-aries-traits-you-need-know-131712" 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/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 Avino bruožai, kuriuos reikia žinoti" 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/8-aries-traits-you-need-know-131712">8 Avino bruožai, kuriuos reikia žinoti </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/mysql-count-function">
<img src="https://techcodeview.com/img/mysql-tutorial/61/mysql-count-function.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="MySQL Count() funkcija" 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/mysql-count-function" class="hover:text-tech-500 transition-colors line-clamp-3">MySQL Count() funkcija </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-prepare-java-interview">
<img src="https://techcodeview.com/img/java-tutorial/23/how-prepare-java-interview.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kaip pasiruošti „Java“ interviu" 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-prepare-java-interview" class="hover:text-tech-500 transition-colors line-clamp-3">Kaip pasiruošti „Java“ interviu </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/cat-command-linux-unix-with-examples">
<img src="https://techcodeview.com/img/linux-file-contents/76/cat-command-linux-unix-with-examples.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Cat Command Linux / Unix sistemoje 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/cat-command-linux-unix-with-examples" class="hover:text-tech-500 transition-colors line-clamp-3">Cat Command Linux / Unix sistemoje 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/how-win-student-election-1311424">
<img src="https://techcodeview.com/img/blog/06/how-win-student-election.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Buvęs klasės prezidentas, kaip laimėti studentų rinkimus" 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-win-student-election-1311424" class="hover:text-tech-500 transition-colors line-clamp-3">Buvęs klasės prezidentas, kaip laimėti studentų rinkimus </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-my-computer">
<img src="https://techcodeview.com/img/computer/36/what-is-my-computer.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kas yra Mano kompiuteris?" 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-my-computer" class="hover:text-tech-500 transition-colors line-clamp-3">Kas yra Mano kompiuteris? </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/difference-between-gate">
<img src="https://techcodeview.com/img/it-problems-solutions/77/difference-between-gate.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Skirtumas tarp AND vartų ir OR vartų" 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/difference-between-gate" class="hover:text-tech-500 transition-colors line-clamp-3">Skirtumas tarp AND vartų ir OR vartų </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/understanding-python-pickling-with-example">
<img src="https://techcodeview.com/img/it-problems-solutions/48/understanding-python-pickling-with-example.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Python Pickling supratimas su pavyzdžiu" 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/understanding-python-pickling-with-example" class="hover:text-tech-500 transition-colors line-clamp-3">Python Pickling supratimas su pavyzdžiu </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/is-java-interpreted">
<img src="https://techcodeview.com/img/java-tutorial/27/is-java-interpreted.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Ar Java interpretuota arba sudaryta" 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/is-java-interpreted" class="hover:text-tech-500 transition-colors line-clamp-3">Ar Java interpretuota arba sudaryta </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/advantages-disadvantages-biodiesel">
<img src="https://techcodeview.com/img/blog/55/advantages-disadvantages-biodiesel.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Biodyzelino privalumai ir trūkumai" 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/advantages-disadvantages-biodiesel" class="hover:text-tech-500 transition-colors line-clamp-3">Biodyzelino privalumai ir trūkumai </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/top-10-interesting-facts-about-thomas-edison">
<img src="https://techcodeview.com/img/interesting-facts/49/top-10-interesting-facts-about-thomas-edison.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="10 įdomiausių faktų apie Thomasą Edisoną ir keletas įdomių faktų" 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/top-10-interesting-facts-about-thomas-edison" class="hover:text-tech-500 transition-colors line-clamp-3">10 įdomiausių faktų apie Thomasą Edisoną ir keletas įdomių faktų </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/operating-system/93/difference-between-oracle-linux.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Skirtumas tarp „Oracle Linux“ ir „Red Hat Enterprise 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/operating-system/">Operacinė Sistema </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/difference-between-oracle-linux">Skirtumas tarp „Oracle Linux“ ir „Red Hat Enterprise 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/web-services-tutorial/24/java-web-services-tutorial.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="„Java Web Services“ pamoka" 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/web-services-tutorial/">Žiniatinklio Paslaugų Mokymo Programa </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/java-web-services-tutorial">„Java Web Services“ pamoka </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/it-problems-solutions/48/latches-digital-logic.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Skaitmeninės logikos skląsčiai" 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/it-problems-solutions/">It Problemos Ir Sprendimai </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/latches-digital-logic">Skaitmeninės logikos skląsčiai </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/get-advice/64/catfishing-advice.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Meškeriojimas šamais – patarimai ir saugos patarimai" 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/get-advice/">Gaukite Patarimų </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/catfishing-advice-242120">Meškeriojimas šamais – patarimai ir saugos patarimai </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/74/how-get-36-act-math.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Kaip gauti 36 balus pagal ACT Math: 8 tobulo įmušėjo strategijos" 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/how-get-36-act-math-1311462">Kaip gauti 36 balus pagal ACT Math: 8 tobulo įmušėjo strategijos </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/differences/74/difference-between-uniform-memory-access.webp" onerror="this.onerror=null; this.src='https://techcodeview.com/template/assets/images/unnamed.webp'" alt="Skirtumas tarp vienodos prieigos prie atminties (UMA) ir nevienodos prieigos prie atminties (NUMA)" 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/differences/">Skirtumai </a> </div>
<h4 class="text-sm font-bold text-white leading-tight"> <a href="/lt/difference-between-uniform-memory-access">Skirtumas tarp vienodos prieigos prie atminties (UMA) ir nevienodos prieigos prie atminties (NUMA) </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/hr/">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>
|
