Ghid de stil HTML5. Meta Data title. Setarea Viewport
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Elementul <title> este necesar în HTML5. Faceți titlul cât mai semnificativ posibil:
<title>Sintaxă HTML5 și stil de codare</title>
Pentru a asigura interpretarea corectă și indexarea corectă a motoarelor de căutare, atât limba cât și codificarea caracterelor ar trebui definite cât mai devreme într-un document:
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Sintaxă HTML5 și stil de codare</title>
</head>
Setarea Viewport
HTML5 a introdus o metodă pentru a permite proiectanților web să preia controlul asupra viewport-ului, prin eticheta <meta>.
Viewport este zona vizibilă a utilizatorului unei pagini web. Acesta variază în funcție de dispozitiv și va fi mai mic pe un telefon mobil decât pe ecranul computerului.
Ar trebui să includeți următorul element de afișare (viewport ) <meta> în toate paginile web:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Un element de afișare (viewport) <meta> oferă instrucțiunile browserului cu privire la modul de control al dimensiunilor și scalării paginii.Lățimea (width) = partea lățimii dispozitivului (width=device-width part) - stabilește lățimea paginii pentru a urma lățimea ecranului dispozitivului (screen-width) (care va varia în funcție de dispozitiv).
Partea inițială = 1,0 setează nivelul de zoom inițial atunci când pagina este încărcată prima dată de browser.
Iată un exemplu de pagină web fără etichetă viewport meta și aceeași pagină web cu eticheta viewport meta: