Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1003 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°1958308
antistress
Posté le 16-01-2010 à 03:53:25  profilanswer
 

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
mood
Publicité
Posté le 16-01-2010 à 03:53:25  profilanswer
 

n°1958312
esox_ch
Posté le 16-01-2010 à 10:44:08  profilanswer
 

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
n°1958314
antistress
Posté le 16-01-2010 à 11:31:30  profilanswer
 

je vais lire ça merci

n°1958319
phosphorel​oaded
Posté le 16-01-2010 à 12:10:31  profilanswer
 

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
n°1958388
antistress
Posté le 16-01-2010 à 19:14:17  profilanswer
 

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 ?
 

n°1958787
phosphorel​oaded
Posté le 19-01-2010 à 17:59:00  profilanswer
 

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
n°1959962
antistress
Posté le 24-01-2010 à 00:05:02  profilanswer
 

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
n°1959989
antistress
Posté le 24-01-2010 à 11:40:45  profilanswer
 

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
n°1959991
antistress
Posté le 24-01-2010 à 11:51:27  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

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

 

Sujets relatifs
un flux RSS dans une page HTML, possible ?[php] vérifier qu'une page à bien été "include"
Lien hypertexte dans liste déroulanteNouveau projet : Jeux Vidéo Web
Ouvrir un menu qui contient un page html[xforms,exist] récupérer un attribut d'une balise <xf:repeat> ?
[Résolu] mise en page xsl[Python] [Résolu] Liste
Choisir entre une liste de variables ou un tableaudébutante: fréquence des mots sur Python
Plus de sujets relatifs à : Balise vidéo dans une page xHTML ? + styler liste de mots clés


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR