Skip to main content

Limbajul de marcare a hipertextului (HTML)

TL;DR

HTML (HyperText Markup Language) este un limbaj utilizat pentru a crea pagini web. Unele pagini pot fi scrise direct în HTML, în timp ce altele pot folosi constructori de pagini sau alte instrumente pentru a crea pagini web care produc, de asemenea, ieșiri HTML, care la rândul lor pot fi citite de browsere.

Ce înseamnă HTML?

HTML înseamnă HyperText Markup Language (limbaj de marcare a hipertextului ) și este limbajul utilizat pentru a crea pagini web. Acesta utilizează marcaje pentru a defini și stiliza elementele. De exemplu, se pot defini fonturi, culori, poziție, linkuri etc. Chiar dacă majoritatea creatorilor de site-uri web nu scriu direct în HTML, rezultatele finale care sunt citite și interpretate de browserele web sunt în format HTML. Acesta este motivul pentru care, atunci când se face clic dreapta pe orice pagină web și se selectează "Vizualizează sursa paginii", primul rând de text din fereastra rezultată ar trebui să fie <!doctype html>.

Care este structura unei pagini HTML?

Deși structurile pot varia, unele dintre elementele pe care ar trebui să le găsiți în orice pagină HTML sunt următoarele (cu explicațiile în italic). Verificați acest lucru pe orice pagină web făcând clic dreapta oriunde și selectând "View page source" (Vezi sursa paginii):

<!DOCTYPE html> - acest lucru arată browserului web că acesta este un fișier HTML pe care îl poate citi.

<html lang="en"> - arată limba în care este scrisă pagina web

<head> - marchează începutul secțiunii head, unde sunt plasate codurile generale

<title>Titlul paginii</title> - acesta este un meta tag care arată titlul paginii, care apare în fila de browser

<meta name="description" content="..." /> - aceasta este folosită pentru a descrie despre ce este vorba în pagină, pentru motoarele de căutare

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=0" /> - aceasta este o comandă care indică modul în care pagina web ar trebui să fie afișată pe diferite dimensiuni de ecran

<meta name="robots" content="index,follow" /> - aceasta le spune roboților care parcurg pagina că o pot indexa și adăuga la rezultatele motoarelor de căutare

<link rel="stylesheet" type="text/css" href="/css/style/style.css"> - aceasta conectează HTML-ul la un fișier CSS, în care este plasat un stil mai detaliat pentru text

<script src="/js/random.js" type="text/javascript"></script> - se conectează la un fișier JavaScript, utilizat pentru a executa o acțiune pe pagina web.

<link rel="canonical" href="https://yourpage.com"/> - în cazul în care există pagini cu conținut similar sau pagina poate fi găsită la mai multe URL-uri, acest lucru arată crawlerelor care URL trebuie luat în considerare în scopuri de autoritate

</head> - astfel se închide secțiunea head

<body> - aceasta deschide secțiunea body, unde este plasat conținutul propriu-zis al paginii

<div class="container"> - aceasta deschide o secțiune numită container, care de obicei creează cadrul pentru conținut

<a href="https://yoursiteshomepage.com"><img class="navbar-brand-logo-normal" src="/images/logo.svg" alt="Visitor Analytics logo" height="52" width="180"></a> - aceasta este o modalitate de a plasa o imagine de logo care face legătura cu pagina de pornire

<div class="first-text">Acestea sunt primele cuvinte care vor fi afișate efectiv pe site-ul dvs. web</div> - un text care poate fi stilizat în fișierul CSS conectat

...

</body>