Archives du mot-clef cite

Les exclusivités d’Opera

Laisser une réponse

Ini­tia­le­ment publié le 17 avril 2006 à 19:03:41

Exclu­si­vi­tés

  • Titres numé­ro­tés Gecko en fait désor­mais autant
  • Espaces fines insé­cables Gecko en fait désor­mais autant
  • Sélec­tion de texte autogénéré
  • Retours cha­riot CSS (\a, de mémoire)
  • Le seul à pou­voir cor­rec­te­ment uti­li­ser run-in avec du display:after (les der­nières com­pi­la­tions noc­turnes de Web­kit ont réglé le pro­blème ; mais pas la dernière nocturne de Gecko 1.9)
  • La meilleure gestion de l’attribut cite à ce jour grâce aux liens en cascade (CLink)

Exemples

Sur ce blog

Démonstration de la puissance d’Opera
Démons­tra­tion de la puis­sance d’Opera
Le texte cité est une liste de défi­ni­tions (en gras, les dt). Les deux_points et espaces les pré­cé­dants sont auto­gé­né­rés (quand on y pense, c’est de la pré­sen­ta­tion, tout ça). Si vous cli­quiez sur le texte vio­let en bas, ça vous emmè­ne­rait sur la page de source. Et vous pour­riez aussi le sélec­tion­ner, quand bien même il est auto­gé­néré depuis l’attribut title. Bien entendu, il n’a pas le pro­blème de Safari avec les guille­mets, qu’il loca­lise comme demandé (Firefox le fait aussi correctement). Soyons honnêtes : Opera a du mal avec les enrichissements typographiques et surexploite les déliés (vous le voyez en bas). D’une manière générale, Opera a du mal avec Mac. Il n’empêche, c’est bien, tout ça.

Autre

Un autre exemple que je compte bien (re)mettre en action dans la nouvelle version du site Web, les compteurs (counter, conter-increment) : 
h3:before	{ 	content:counter(thetitre3) "."; 	counter-increment:thetitre3; 	}
Un exemple simple
Un exemple simple
Un exemple plus évolué
Un exemple plus évolué
Le fichier HTML Notez que dans le dernier exemple, les astérisques peuvent tout à fait être rendus par une autre navigateur ; en effet, il n’y a aucune numérotation derrière. Notez également que les postulats des titres (h*), qui ne sont pas des blocs, mais des lignes, ont été totalement revus en XHTML 2.0 (à l’avenir cepen­dant incer­tain). Les comp­teurs ne devraient donc plus être néces­saires (pour cette uti­li­sa­tion) dans cette nou­velle mou­ture du lan­gage par excel­lence du Web.

Voir aussi

  1. Télé­char­ger Opera
    • en ver­sion stable. Pré­fé­rez la ver­sion anglaise, la ver­sion fran­çaise étant très en retard
    • en ver­sion beta. La ver­sion 9 est en bêta, j’en ai fait une revue (pour la bêta 1) et c’est celle que j’utilise, preuve de sa stabilité
  2. D’autres articles sur Opera, sur ce blog
  3. Le blog de Laurent Denis, chantre francophone d’Opera et spécialisé dans l’accessibilité
  4. Wikipédia — Opera et Wikipédia — Liste des fonctionnalités du navigateur Opera
  5. Les pri­meurs d’Omniweb, où je glo­ri­fie un autre navigateur
  6. Des caption pour les listes, où je traite d’un autre pro­blème lié aux énumérations

Exploiter l’attribut cite

Laisser une réponse

Citer un texte sans ajou­ter du texte inutile.
  • HTML : attri­but cite dans les élé­ments blockquote ou q.
  • CSS : pseudo-classe :after et exten­sion pro­prié­taire pour les liens en cas­cade (CLink; Opera-only)
q[cite]:after, blockquote[cite]:after { content: "Source : " attr(cite); display:block } q[cite], blockquote[cite] { –o-link: attr(cite); –o-link-source: cur­rent; cur­sor: poin­ter } Sources :

HTML : blockquote cite

Laisser une réponse

L’excellent selfhtml.org montre com­ment faire avec un bloc de texte ce que l’on fait avec un tableau : ajou­ter une méta-information qui semble aller de soit, en l’occurrence la source.

C’est tout simple, mais comme cite est géné­ra­le­ment uti­lisé comme élé­ment, je ne pen­sais pas qu’il pou­vait aussi être uti­lisé comme attribut…

Suite à une sug­ges­tion de ma part, Oli­vier Meu­nier a inté­gré le track­back d’attributs cite dans le code de Dotclear.

<blockquote cite="URL">Texte</blockquote>

Mal­heu­reu­se­ment, ni Safari 5, Fire­fox 4 ou Chrome 10 n’affichent l’URL de reférence.

  • <q cite="http://www.empyree.org">Empyrée, site éclectique s’il en est.</q>
    Empy­rée, site éclec­tique s’il en est.
  • <blockquote cite="http://joueb.com/empyree/">Empyrée blog, pas bien mieux.</blockquote>
    Empy­rée blog, pas bien mieux.

De même, j’ai trouvé un attri­but pour les élé­ments ins et del :

  • <ins datetime="yyyy-MM-ddThh:mm:ss+hh:mm">texte inséré</ins>
    texte inséré le 17 octobre 2003
  • <del datetime="yyyy-MM-ddThh:mm:ss+hh:mm">texte effacé</del>
    texte effacé le même jour