Balise vidéo dans une page xHTML ? + styler liste de mots clés

Balise vidéo dans une page xHTML ? + styler liste de mots clés - HTML/CSS - Programmation

Marsh Posté le 16-01-2010 à 03:53:25    

Bonjour,
Quittant blogger pour le cms PluXml je découvre les rudiments de (x)HTML
J'utilise le thème par défaut
apparemment le tout est Xhtml 1.0 strict et Css d'après la page d'accueil
 
J'aimerais bien essayer la balise audio/vidéo de HTML5 pour lire un média sans Flash par exemple
http://camendesign.com/code/video_for_everybody
http://hacks.mozilla.org/2009/06/h [...] ks-markup/
 
du coup je me demande si je peux intégrer ça directement dans ma page ou s'il faut déclarer quelquepart qu'il s'agit de code HTML5 (un peu comme on déclare un changement de langue au sein d'une page) et auquel cas quelle est la méthode ?
 
aujourd'hui le code source d'une page de mon blogue généré par PluXml démarre par
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  4. <head>


 
Merci d'avance !
 
(NB au passage j'ai des erreurs dans ma page comme indiqué ici, notamment :
 

Code :
  1. Line 42, Column 4: document type does not allow element "ul" here; missing one of "object", "ins", "del", "map", "button" start-tag
  2. <ul>


 
cela veut-il dire que je ne pas imbriquer :
 

Code :
  1. <h5>
  2. <ul>
  3. <li>bla bla</li>
  4. </ul>
  5. </h5>


 
?)


Message édité par antistress le 24-01-2010 à 12:04:57
Reply

Marsh Posté le 16-01-2010 à 03:53:25   

Reply

Marsh Posté le 16-01-2010 à 10:44:08    

Salut,
 
Va voir la doc : http://dev.w3.org/html5/html-author/
Tu vas comprendre mieux de quoi il en retourne exactement.


---------------
Si la vérité est découverte par quelqu'un d'autre,elle perd toujours un peu d'attrait
Reply

Marsh Posté le 16-01-2010 à 11:31:30    

je vais lire ça merci

Reply

Marsh Posté le 16-01-2010 à 12:10:31    

Bonjour,

 

video est un élément qui n'existe pas en HTML 4 et XHTML 1.x donc invalide.

 

Tu ne peux pas changer de Doctype en plein milieu d'une page, sauf en utilisant l'élément iframe mais j'ignore si c'est OK d'intégrer une page HTML 5 dans l'élément iframe d'une page HTML 4. C'est de toute façon lourd d'utiliser une page entière rien que pour un élément, autant passer toutes tes pages en HTML 5 en modifiant les gabarits fournis avec PluXML, si tu te fiches de la compatibilité avec les navigateurs qui ne supportent pas HTML 5.
Si tu utilises iframe, n'oublie pas l'attribut title et encore mieux de prévoir une alternative.

 

Pour ul dans h5 : h1 - h6 et p sont des éléments de type bloc qui ne peuvent contenir que des éléments de type en ligne comme span, strong, em, a, ...
en HTML 4 (a sera très différent avec HTML 5)
ul n'est pas un élément de type en ligne donc ce que tu veux faire est invalide.
ul ne peut contenir que des éléments li (et les élements li ne peuvent avoir comme parent que ul ou ol).
li peut accueillir pas mal de types de contenu, donc quelque chose comme:

Code :
  1. <ul>
  2. <li>
  3. <h5>titre niveau 5</h5>
  4. <p>paragraphe associé</p>
  5. </li>
  6. </ul>


est valide.

 

En ne considérant que la hiérarchie de titres de ta page, ce h5 fait bien entendu suite à un autre titre h5 ou est un sous-titre pour un h4 ? :ange:
h1
 h3
 h3
  h5
ça veut juste rien dire logiquement parlant. Pas de trou dans la hiérarchie de titres, tu fais h1 (h2) (h2 h3) pour l'exemple ci-dessus et tu utilises les CSS pour les styler comme tu le souhaites.


Message édité par phosphoreloaded le 16-01-2010 à 12:11:36
Reply

Marsh Posté le 16-01-2010 à 19:14:17    

merci phosphoreloaded : pour les h1 h2 h3... c'est justement une question que je me posais car j'utilise parfois directement h3 par ex sans passer par les précédents pour une question de mise en forme. je note donc que ce n'est pas correct ?
c'est le cas de la liste de mots clés en début d'article http://libre-ouvert.toile-libre.or [...] -numerique
 
pour l'imbrication ul et hx, je vais revoir ça merci
 
enfin xHTML étant dérivé du html4 et html5 étant une évolution du html4, puis-je prendre mon code xHTML, ajouter les balises HTML5 et le déclarer la page comme étant du html5 ?
 

Reply

Marsh Posté le 19-01-2010 à 17:59:00    

antistress a écrit :

merci phosphoreloaded : pour les h1 h2 h3... c'est justement une question que je me posais car j'utilise parfois directement h3 par ex sans passer par les précédents pour une question de mise en forme. je note donc que ce n'est pas correct ?

Non en effet, le titre principal doit être h1 puis h2 puis ... et on arrive rarement à h5 / h6
Pour les styler c'est simple tu prends ta règle pour h3 et tu remplaces par h1 (h4 h2 et h5 h3 voilà terminé) [:columbo2]

 
antistress a écrit :

enfin xHTML étant dérivé du html4 et html5 étant une évolution du html4, puis-je prendre mon code xHTML, ajouter les balises HTML5 et le déclarer la page comme étant du html5 ?

Il faut aussi faire évoluer ton code, c'est pas HTML 4.02 ;)
Tu choisis le Doctype que tu veux, adapté à tes besoins (attention à IE) puis le code doit aller avec (validateur HTML 5 : http://html5.validator.nu/ ) et ensuite stylage en CSS avec commentaires conditionnels pour IE6 et 7 (8? à voir)


Message édité par phosphoreloaded le 19-01-2010 à 17:59:19
Reply

Marsh Posté le 24-01-2010 à 00:05:02    

merci je suis en train de me mettre à niveau (x)html et css avec ce tuto je vais corriger le style de mes paragraphes pour les réduire
 
si, de façon très occasionnelle, je glisse une balise audio ou video (html5 donc) dans mon code xhtml 1.0 c'est grave ? Parceque mon thème est livré en xhtml 1.0 et je me sens pas compétent pour le réécrire en html5... sans compter que c'est peut être dommage de perdre la compatibilité de xHTML pour un usage très occasionnel des nouvelles balises.
Ces pages xHTML contenant une balise HTML5 ne seront plus conformes au doctype mais apparemment les navigateurs les lisent quand même ?


Message édité par antistress le 24-01-2010 à 12:31:15
Reply

Marsh Posté le 24-01-2010 à 11:40:45    

Pour la taille de mes titres, mon css indiquait  

Code :
  1. h1 { font-size : 2.1em; }
  2. h2 { font-size : 1.2em; }
  3. h3 { font-size : 1.1em; margin : 0; padding: 0; }


j'ai changé le font-size de h1 en 1.3em c'est utilisable maintenant :-)


Message édité par antistress le 24-01-2010 à 12:06:03
Reply

Marsh Posté le 24-01-2010 à 11:51:27    

D'un point de vue sémantique, je me demande comment coder la liste de mots clés de début d'article qui fonctionne comme un résumé de l'article.
 
Je comprends que je ne vais pas le traiter sémantiquement (blockquote ? dfn ?) et vais plutôt le styler avec le fichier css


Message édité par antistress le 25-01-2010 à 18:36:40
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed