Elementul HTML head. Etichetele script și base ce desciu metadate.

Elementul HTML <script>

Elementul <script> este folosit pentru a defini JavaScript din partea clientului (client-side JavaScripts.).
Acest cod JavaScript scrie "Hello JavaScript!" într-un element HTML cu id = "demo":

Exemplu:
<script>
function myFunction {
  document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>

Elementul HTML <base>

Elementul <base> specifică adresa URL de bază și ținta de bază (base target) pentru toate adresele URL relative dintr-o pagină:

Exemplu:
<base href="/images/" target="_blank">

Se omit etichetele <html>, <head> și <body>?

Conform standardului HTML5; etichetele <html>, <body> și <head> pot fi omise.
Următorul cod se va valida ca HTML5:

Exemplu:
<!DOCTYPE html>
<title>Titlul paginii</title>

<h1> Acesta este un titlu</h1>
<p>Acesta este un paragraf.</p>

Elemente HTML head
 
Etichetă Descriere
<head> Definește informații despre document
<title> Definește titlul unui document
<base> Definește o adresă implicită sau o țintă (target) implicită pentru toate linkurile dintr-o pagină
<link> Definește relația dintre un document și o resursă externă
<meta> Definește metadatele despre un document HTML
<script> Definește un script din partea clientului
<style> Definește informațiile despre stil pentru un document
\r\n\r\nElementul HTML \r\n\r\nElementul specifică adresa URL de bază și ținta de bază (base target) pentru toate adresele URL relative dintr-o pagină:\r\n\r\nExemplu:\r\n\r\n\r\n\r\n\r\nSe omit etichetele , și ?\r\n\r\nConform standardului HTML5; etichetele , și pot fi omise.\r\nUrmătorul cod se va valida ca HTML5:\r\n\r\nExemplu:\r\n\r\n\r\n\r\nTitlul paginii\r\n\r\n

Acesta este un titlu

\r\n

Acesta este un paragraf.

\r\n\r\nElemente HTML head\r\n \r\n\r\n\t\r\n\t\t\r\n\t\t\tEtichetă\r\n\t\t\tDescriere\r\n\t\t\r\n\t\t\r\n\t\t\t\r\n\t\t\tDefinește informații despre document\r\n\t\t\r\n\t\t\r\n\t\t\t\r\n\t\t\tDefinește titlul unui document\r\n\t\t\r\n\t\t\r\n\t\t\t<base>\r\n\t\t\tDefinește o adresă implicită sau o țintă (target) implicită pentru toate linkurile dintr-o pagină\r\n\t\t\r\n\t\t\r\n\t\t\t<link>\r\n\t\t\tDefinește relația dintre un document și o resursă externă\r\n\t\t\r\n\t\t\r\n\t\t\t<meta>\r\n\t\t\tDefinește metadatele despre un document HTML\r\n\t\t\r\n\t\t\r\n\t\t\t<script>\r\n\t\t\tDefinește un script din partea clientului\r\n\t\t\r\n\t\t\r\n\t\t\t<style>\r\n\t\t\tDefinește informațiile despre stil pentru un document\r\n\t\t\r\n\t\r\n\r\n","educationalLevel":"High School","learningResourceType":"theory","typicalAgeRange":"14-19","inLanguage":"ro","isAccessibleForFree":true,"datePublished":"2019-10-28T15:31:00+00:00","dateModified":"2026-05-11T21:46:22+00:00","author":{"@type":"EducationalOrganization","name":"Lecții Virtuale","url":"https://staging.lectii-virtuale.ro"},"publisher":{"@type":"EducationalOrganization","name":"Lecții Virtuale","url":"https://staging.lectii-virtuale.ro"},"educationalAlignment":{"@type":"AlignmentObject","alignmentType":"educationalSubject","targetName":"Tehnologii Web"}} </script> </main> <footer class="bg-gray-800 text-gray-400 py-10 mt-12"> <div class="max-w-7xl mx-auto px-4 space-y-6"> <div class="grid grid-cols-1 md:grid-cols-3 gap-6 text-sm"> <div> <p class="text-gray-200 font-semibold uppercase tracking-wide text-xs mb-3">Lecții pe clasă</p> <div class="flex flex-wrap gap-1.5"> <a href="https://staging.lectii-virtuale.ro/clasa-5" class="px-2.5 py-1 bg-gray-700 hover:bg-gray-600 text-gray-200 rounded text-xs">Clasa 5</a> <a href="https://staging.lectii-virtuale.ro/clasa-6" class="px-2.5 py-1 bg-gray-700 hover:bg-gray-600 text-gray-200 rounded text-xs">Clasa 6</a> <a href="https://staging.lectii-virtuale.ro/clasa-7" class="px-2.5 py-1 bg-gray-700 hover:bg-gray-600 text-gray-200 rounded text-xs">Clasa 7</a> <a href="https://staging.lectii-virtuale.ro/clasa-8" class="px-2.5 py-1 bg-gray-700 hover:bg-gray-600 text-gray-200 rounded text-xs">Clasa 8</a> <a href="https://staging.lectii-virtuale.ro/clasa-9" class="px-2.5 py-1 bg-gray-700 hover:bg-gray-600 text-gray-200 rounded text-xs">Clasa 9</a> <a href="https://staging.lectii-virtuale.ro/clasa-10" class="px-2.5 py-1 bg-gray-700 hover:bg-gray-600 text-gray-200 rounded text-xs">Clasa 10</a> <a href="https://staging.lectii-virtuale.ro/clasa-11" class="px-2.5 py-1 bg-gray-700 hover:bg-gray-600 text-gray-200 rounded text-xs">Clasa 11</a> <a href="https://staging.lectii-virtuale.ro/clasa-12" class="px-2.5 py-1 bg-gray-700 hover:bg-gray-600 text-gray-200 rounded text-xs">Clasa 12</a> </div> </div> <div> <p class="text-gray-200 font-semibold uppercase tracking-wide text-xs mb-3">Pregătire examene</p> <div class="flex flex-col gap-1"> <a href="https://staging.lectii-virtuale.ro/bacalaureat" class="text-gray-300 hover:text-white">Bacalaureat</a> <a href="https://staging.lectii-virtuale.ro/evaluare-nationala" class="text-gray-300 hover:text-white">Evaluarea Națională</a> <a href="https://staging.lectii-virtuale.ro/memorator" class="text-gray-300 hover:text-white">Memoratoare</a> <a href="https://staging.lectii-virtuale.ro/concepte" class="text-gray-300 hover:text-white">Concepte</a> <a href="https://staging.lectii-virtuale.ro/pastile" class="text-gray-300 hover:text-white">Pastile vizuale</a> </div> </div> <div> <p class="text-gray-200 font-semibold uppercase tracking-wide text-xs mb-3">Despre</p> <div class="flex flex-col gap-1"> <a href="https://staging.lectii-virtuale.ro/despre" class="text-gray-300 hover:text-white">Despre noi</a> <a href="https://staging.lectii-virtuale.ro/contact" class="text-gray-300 hover:text-white">Contact</a> <a href="https://staging.lectii-virtuale.ro/termeni" class="text-gray-300 hover:text-white">Termeni</a> <a href="https://staging.lectii-virtuale.ro/politica" class="text-gray-300 hover:text-white">Politica de confidențialitate</a> </div> </div> </div> <div class="border-t border-gray-700 pt-4 text-center text-xs space-y-1"> <p>© 2026 Lecții Virtuale. Toate drepturile rezervate.</p> <p> Probleme tehnice sau sugestii? <a href="mailto:contact@lectii-virtuale.ro" class="text-gray-200 hover:text-white underline">contact@lectii-virtuale.ro</a> </p> </div> </div> </footer> <div x-data="{ show: false }" @scroll.window="show = window.scrollY > 600" x-cloak> <button x-show="show" x-transition @click="window.scrollTo({ top: 0, behavior: 'smooth' })" class="fixed bottom-4 right-4 sm:bottom-6 sm:right-6 z-40 bg-blue-600 shadow-xl rounded-full p-4 sm:p-3.5 hover:bg-blue-700 active:bg-blue-800 transition"> <svg class="w-6 h-6 sm:w-5 sm:h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 15l7-7 7 7"/></svg> </button> </div> <script src="https://cdn.jsdelivr.net/npm/prismjs@1/prism.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-markup.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-css.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-javascript.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-php.min.js" defer></script> <script src="https://cdn.jsdelivr.net/npm/prismjs@1/components/prism-sql.min.js" defer></script> </body> </html>