PHP-Script.hu
Kiemelt hirdetés:
2018. április 20. 10:59 péntek, ma Konrád, Tivadar névnap van


grafika


Videóbázis


Kategória: HTML, CSS
HTML 5 - az új szabvány, 1. rész: A fejléc
2012.01.25. 15:13

A HTML legújabb szabványa a HTML 5. Rengeteg újítást tartalmaz, sok új taget és egyéb dolgokat. A leírásban a HTML 5 fejlécét nézzük meg.


A HTML 5-ben jóval leegyszerűsítettek sok dolgot.

Már a HTML kód első sorában történtek változások. Mindenki emlékszik a hosszú dokumentuntípus meghatározásra, a doctypre-ra.

DOCTYPE
1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ez a HTML 5-nek köszönhetően lecsökkent 15 karakterre! Minden mai böngésző ismeri. Ha tetszik a régi, fenti kód nyugodtan megtarthatjuk, de itt az új, amit akár fejből is le tudunk írni úgy, hogy nem rontjuk el.

HTML 5 DOCTYPE
1
<!DOCTYPE html>

Mindössze ennyi. ;)

 

A gyökérelem is megváltozott, jóval egyszerűbb!

A régi szabványok szerint ez a kód:

Gyökérelem
1
2
3
4
<html xmlns="http://www.w3.org/1999/xhtml"
lang="en"
xml:lang="en">
 

Ezzel a kóddal sincs semmi baj, úgyanúgy használható, de most lássuk az új szabványt!

HTML 5 gyökérelem
1
<html lang="en">

Ezt is minden mai böngésző ismeri, akinek szimpatikus, használja egészséggel. :)

 

A <head> elemben is változások történtek.

A karakterkódolás.

Ilyen szép volt régen:

HTML régi karakterkódolás
1
2
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 

Ilyen szép lett az új, HTML 5:

HTML 5 karakterkódolás
1
2
<meta charset="UTF-8">
 

 

 

JavaScript és CSS fájlok behívásánál is történt némi modernizáció:

Íme ez volt a régi szabvány:

JavaScript és CSS régen
1
2
3
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
<script type="text/javascript" src="javascript.js"></script>
 

Az új pedig így fest:

JavsScript és CSS a HTML 5-ben
1
2
3
<link rel="stylesheet" href="style.css">
<script src="javascript.js"></script>
 

Minden mai böngésző tudja kezelni ezt is. Még az Explorer is, de ettől még nem szeretjük!

 

Ha tetszett, Lájkold. 5 Lájk és jön a következő rész!

balazskacom - http://balazska.com programozás


 Szerző: userbalazskacom Hozzászólások(0) Hozzászólások Megosztás az iWiW-en Megosztás az Facebook-on Megosztás a Google Reader-ben Megosztás az Twitter-en 

Listázás:  Idő szerint:
Webprogramozás arr Tutorialok info HTML 5 - az új szabvány, 1. rész: A fejléc

Ebbe a topikba még nem érkezett hozzászólás.

Listázás:  Idő szerint:


© 2006-2018 PHP-Script.hu, Minden jog fenntartva!
Design: Rácz Gergely, Oldalmotor: Rácz Gergely
Impresszum - Oldaltörténet - Oldalszabályzat