• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
Vasile Ruscior

Vasile Ruscior

Totul, mai ușor

  • Confidențialitate
  • Contact

HTML 5

Scris pe 28 octombrie 2014 Lasă un comentariu

image

HTML este limbajul de marcare utilizat pentru crearea paginilor web, fiind interpretat de browsere pentru a afişa respectivele pagini. HTML5 este ultima versiune de HyperText Markup Language, având numeroase îmbunătăţiri faţă de versiunile anterioare.
Cum diferenţiezi o pagină HTML5 de celelalte? O pagină HTML5 începe cu <!DOCTYPE html><html><head>. Fără să fie menţionat www.w3.org sau alte chestii ciudate până la deschiderea etichetei head.

Dacă vă gândiţi că HTML-ul e atât de sărac, vă întreb: de câte dintre elementele înşirate mai jos aţi auzit?
• samp
• kbd
• mark
• ruby
• wbr

Întreaga documentaţie o găsiţi aici.

Greşeli frecvente
• Omiterea folosirii atributului alt
Atunci când adaugi o imagine pe o pagină web prin intermediul etichetei img, trebuie să nu uiţi de atributul alt.
[html]<img src="logo.png" alt="logo-ul meu" />[/html]
• Omiterea „închiderii” etichetelor
Câteva exemple de coduri scrise greşit:
1) <br>
2) <ul><li>Item1<li>Item2</ul>
3) <img src=”logo.png” border=”0″>

În primul exemplu nu s-a închis elementul br. Chiar dacă aşa e corect în versiunile mai vechi de HTML, în versiunea a cincea se recomandă varianta folosită în xHTML, adică <br/>.
În cel de-al doilea exemplu s-a omis închiderea „li-urilor”: <ul><li>Item1</li><li>Item2</li></ul>
Cel de-al treilea exemplu scris corect: <img src=”logo.png” alt=”logo” style=”border:none;” />

Validare HTML
Există pe internet diverse metode prin care puteţi verifica dacă într-o pagină HTML sunt folosite corect etichetele şi atributele lor. O unealtă utilă este Validatorul „NU” de la W3.org. Vă puteţi face rapid o idee despre ce va trebui să modificaţi. Vreţi o pagină şi mai corectă din punctul de vedere al „declaraţiilor”, codurilor şi regulilor de scriere? Tot w3.org vă sare în ajutor.

Acestea fiind spuse… spor la testat şi validat!

Partajează asta:

  • Dă clic pentru a partaja pe Twitter(Se deschide într-o fereastră nouă)
  • Dă clic pentru a partaja pe Facebook(Se deschide într-o fereastră nouă)
  • Dă clic pentru partajare pe Telegram(Se deschide într-o fereastră nouă)
  • Dă clic pentru partajare pe WhatsApp(Se deschide într-o fereastră nouă)

Similare

Din categoria: HTML, CSS, PHP si C++ Etichete: html, introducere

Abonează-te la blog prin email

Introdu adresa de email pentru a te abona la acest blog și vei primi câte un email de fiecare dată când scriu un nou articol.

Reader Interactions

Lasă un răspuns Anulează răspunsul

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Bara principală

Modul întunecat

Blogroll și recomandări

  • Around
  • Stiri Timisoara
  • Breev
  • Blog Star
  • Grig
  • IIRON
  • Stiri de ultima ora
  • Ciurcaș Dan
  • Francisc Vasile
  • Fii Modern

Footer

Au avut ceva de spus

  • Grig la Cum am economisit astăzi 6 lei
  • Vasile Ruscior la Cum am economisit astăzi 6 lei
  • Stefan la Cum am economisit astăzi 6 lei
  • Grig la Sameday EasyBox văzut de AI

Ultimele articole de pe blog

  • Cum am economisit astăzi 6 lei
  • Am cumpărat online de la Mega Image
  • Acțiuni ce se pot realiza cu o mașină de rindeluire
  • Sameday EasyBox văzut de AI

Cauți altceva? Caută aici:

Confidențialitate și cookie-uri: acest site folosește cookie-uri. Dacă continui să folosești acest site web, ești de acord cu utilizarea lor.
Pentru a afla mai multe, inclusiv cum să controlezi cookie-urile, uită-te aici: Politică cookie-uri

© 2012–2023 Vasile Ruscior 🤳 Poți ajunge ușor pe acest blog accesând usor.ro

Sus, Deluță