Qui n'a pas entendu parler des nouvelles technologies HTML 5 et CSS 3? Vous me répondrez, pas grand monde. En effet, ces nouveaux langages de programmations s'affirme de plus en plus sur le web d’aujourd’hui. Mais face aux technolgies Flash, peuvent-ils rivaliser?
Je vous propose un petit tour d'horizon des nouveautés de HTML 5 et du CSS 3 .
A savoir, il n' y pas de point commun entre ces 2 langages. Ils ne sont pas gérer par le même organisme. Leurs dates de sorties officielles n'est toujours pas annoncées. Le HTML 5 devrait tout de même être officialisé 2 ans plus tôt que le
CSS 3. Notez que certains navigateurs (pour ne pas citer Internet explorer), ne reconnaissent pas encore ces langages.
Nouveautés du HTML 5 :
<!DOCTYPE html> : permet de déclarer un document HTML5. <section> : pour déclarer le contenu
<article> : pour déclarer un article
<article> : pour déclarer un article
<header> : pour déclarer l'en-tête de page
<nav> : pour déclarer le les liens de navigation ou menu
<figure> : pour déclarer les images
<footer> pour déclarer le pied de page
<figure> : pour déclarer les images
<footer> pour déclarer le pied de page
Contexte pour l'attribut "rôles" :
main : contenu principal d'un document
navigation : menu de navigation.
navigation : menu de navigation.
banner : contient le logo ou la bannière du site
contentinfo : informations à propos du contenu de la page : notes, copyrights, mentions légales, ...
definition : définition d'un élément
search : formulaire de recherche
definition : définition d'un élément
search : formulaire de recherche
Nouveautés CSS3:
@font-face : permet de déclarer des polices exotiques.box-shadow : définie des ombres sur les images.text-shadows : définie un ombrage sur votre texte.border-radius : créer des bords arrondis pour vos images.opacity : définie une opacité pour vos images.rotate : rotation des images. Voici un petit article sur les nouvelles propriétés que vont apportés le HTMl5 et le CSS3 dans les années à venirRetrouvez prochainement des tutos sur ces langages. 
Aucun commentaire:
Enregistrer un commentaire