Prezentare generală a elementelor noi HTML5
Din 1999, când HTML 4.01 a devenit un standard, web-ul și utilizarea acestuia au schimbat o măsură substanțială. W3C a decis să schimbe sintaxa HTML fundamentală de la limbajul standard generalizat de marcare (SGML) la XML, și, de asemenea, limbaje de marcaj complet diferite, cum ar fi Scalable Vector Graphics (SVG), XForms și MathML. În prezent, unele componente HTML 4.01 sunt învechite, nu sunt folosite niciodată sau nu sunt utilizate așa cum era de așteptat. Fiecare parte a componentelor din HTML5 este deplasată sau re-compusă. HTML5 a inclus noi elemente pentru ilustrarea reprezentării, afișarea conținutului digital, aspectul îmbunătățit al paginilor și funcționalitatea generală și mai multe interfețe noi pentru a aborda corect cerințele de internet de astăzi.
Există câteva elemente noi introduse în HTML5, care oferă anumite caracteristici suplimentare pentru a dezvolta un site de dorit și interactiv. Putem crea codul dvs. rapid și eficient cu ajutorul unor astfel de componente. Din cauza lipsei de structură, multe documente HTML bine formate sunt mai dificil de gestionat decât trebuie. Prin evaluarea scărilor de antet, trebuie să aflăm încotro se îndreaptă pauzele de segment. Elementul div identifică barele laterale, subsolurile, anteturile, meniurile de navigare și părțile majore ale conținutului.
Top 10 elemente noi HTML5
HTML5 oferă noi elemente pentru a îmbunătăți aspectul documentului.
1.
Elementul specifică o porțiune a unei pagini care include o structură separată într-un document, secțiune sau site web și care este recomandat să fie distribuit pe scară largă sau utilizabil. Acesta poate fi un post de grup într-un jurnal sau un raport zilnic pe hârtie, o trimitere la un buletin informativ online, o observație trimisă de un client sau orice alt obiect fără substanțe.
Exemplu:
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
Article Element
EDUCBA
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) is a leading global provider of skill based education addressing the needs 500, 000+ members across 40+ Countries.
ieşire:
- Salvați codul de mai sus într-un fișier cu extensia .html.
- Rulați fișierul html într-un browser și veți obține ieșirea așa cum se arată în imaginea de mai jos.
2.
Elementul indică conținutul individual într-un mod cât mai categoric, hărți, imagini, articole de cod și multe altele.
Exemplu:
Figure Element
EDUCBA este un furnizor mondial de educație bazată pe competențe care se adresează nevoilor de peste 500.000 de membri din 40 de țări.
ieşire:
Codul de mai sus va produce ieșirea așa cum se arată în imaginea de mai jos,
3.
Elementul este utilizat pentru a adăuga descriere pentru imagine.
Exemplu:
Figure Caption Element
EDUCBA este un furnizor mondial de educație bazată pe competențe care se adresează nevoilor de peste 500.000 de membri din 40 de țări.
EDUCBA (Corporate Bridge Consultancy Pvt Ltd)
ieşire:
Codul de mai sus afișează rezultatul așa cum se arată în imaginea de mai jos,
4.
Elementul este utilizat pentru a specifica antetul pentru un document sau o secțiune din pagină. Puteți defini mai mult de un antet într-un singur document.
Exemplu:
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Header Element
Header One
Header Two
Header Three
Conținutul documentului merge aici …
ieşire:
Codul de mai sus afișează rezultatul așa cum se arată în imaginea de mai jos,
5.
Elementul este utilizat pentru specificarea informațiilor precum informații despre autor, informații privind drepturile de autor, contact, link-uri la documente conexe, sitemap și multe altele.
Exemplu:
Footer Element
Copyright © 2019 www.educba.com
Contact:
ieşire:
Codul de mai sus afișează rezultatul așa cum se arată în imaginea de mai jos,
6.
Elementul este utilizat pentru afișarea informațiilor principale adică importante ale unui document.
Exemplu:
Main Element
Informații despre antet
Informații principale
EDUCBA
EDUCBA este un important furnizor global de educație bazată pe competențe …
Informații de subsol
ieşire:
Codul de mai sus va produce ieșirea așa cum se arată în imaginea de mai jos,
7.
Elementul este utilizat pentru a evidenția sau marca textul cu culoarea de fundal care atrage utilizatorul pentru un anumit text din document.
Exemplu:
Mark Element
EDUCBA este un furnizor mondial de educație bazată pe competențe care se adresează nevoilor de peste 500.000 de membri din 40 de țări.
ieşire:
Codul de mai sus afișează rezultatul așa cum se arată în imaginea de mai jos,
8.
Elementul este utilizat pentru a specifica legăturile de navigare din pagină. Aceste legături oferă conexiuni la alte pagini dintr-un document.
Exemplu:
Nav Element
HTML |
CSS |
JAVA |
PHP |
PYTHON
ieşire:
Codul de mai sus va produce ieșirea așa cum se arată în imaginea de mai jos,
9.
Elementul este utilizat pentru a defini secțiunea autonomă sau regiunea specifică din document.
Exemplu:
Section Element
Main Article
Section Element
Main Article
Section Element
Main Article
Conținutul antetului principal va fi afișat aici …
Secțiunea 1
Va fi afișat conținutul primei secțiuni …
Secțiunea a doua
Va fi afișat conținutul celei de-a doua secțiuni …
ieşire:
Codul de mai sus afișează rezultatul așa cum se arată în imaginea de mai jos,
10.
Eticheta este o subpartă de etichetă care furnizează textul care poate fi afișat sau ascuns atunci când utilizatorul face clic pe titlu.
Exemplu:
Summary Element
EDUCBA - Corporate Bridge Consultancy Pvt Ltd
Este un furnizor mondial de educație bazată pe competențe care se adresează nevoilor de peste 500.000 de membri din 40 de țări.
ieşire:
Când executați codul de mai sus, acesta va afișa rezultatul așa cum este arătat mai jos,
După cum se arată în imagine, faceți clic pe titlu, acesta va afișa textul ascuns, așa cum se arată în imaginea de mai jos,
Concluzie
Până în prezent, am văzut cum elementele noi HTML5 sunt utile pentru diferite sarcini în crearea site-ului. Aceste elemente noi citesc documentul într-un mod mai exact și mai corect până la standard și dezvoltă aplicații web mai complexe și eficiente. Noile elemente HTML5 oferă câteva caracteristici suplimentare pentru a genera site-uri web interactive.
Articole recomandate
Acesta este un ghid pentru Html5 Elemente noi. Aici vom discuta despre primele 10 noi elemente ale Html5 pentru a îmbunătăți aspectul documentului. De asemenea, puteți consulta următoarele articole pentru a afla mai multe -
- Corecția culorii în After Effects
- Cele mai bune 6 versiuni de HTML
- Html5 vs Html4
- XHTML vs HTML5
- Ce este Bridge?
- Etichete HTML5 | Top 4 etichete HTML5