documenter div sections, utiliser l'attribut title?

Je suis à la recherche de la plus laconique moyen de parties de document de la page ma page, par exemple, sections div.

Quelque chose de mal avec l'aide de l'attribut title, par exemple

<div title="Payment Area" class="form">
   ...
</div>

?

P. S. Dans les cas pertinents, je suis à l'aide de l'Ide, IDE, mais les nouvelles de ses capacités, par exemple, la mise en forme automatique de contrôle et d'autres façons d'être en mesure de comprendre facilement les articles de mes pages.

Si un élément a un title attribut, la plupart des navigateurs afficher une info-bulle avec la valeur de l'attribut lorsque vous placez le pointeur dessus. Dans ce cas, ils montrent une “Zone de Paiement” info-bulle lorsque vous placez le pointeur n'importe où au cours de cette div. Donc, il pourrait ne pas être appropriée.
Cool, merci Sidnicious. J'ai oublié que. Vous avez raison, ne serait pas appropriée.

OriginalL'auteur Ray | 2011-09-16

  1. 3

    Je serais probablement utiliser ids, de cette façon, vous pouvez également les utiliser comme des crochets pour vos css et javascript.

    Sinon, @Gabe fait une bonne affaire pour data attributs. John Resig explique pourquoi ils sont bons ici: http://ejohn.org/blog/html-5-data-attributes/

    Je ne pense pas que je veux insinuer que je suis en utilisant cette information pour quoi que ce soit, autre que la documentation de ce une section est pour. Si je suis d'appliquer un style ou à l'aide de javascript, alors je voudrais utiliser un plus condensée description, sans espaces, etc. Certains de mes descriptions sont plus.
    Bien Sûr @Ray. Mais pourquoi ne pas combiner les deux... économiser de l'espace et du temps?
    Disons que j'ai 4 divs (sections) qui utilisent le même style de classe, et d'autres que ne rien faire de spécial. Pour moi, si j'utilise l'attribut id, avec une variable comme nom, je suis ce qui implique de la fonctionnalité et de la complexité. Je ne veux pas le faire. J'utiliserais un commentaire de document, mais il semble être plus succinct pour moi.
    Ok. Mais si vous leur donnez un id avec un nom fonctionnel, comme id="payment_area", puis 1. vous avez noté l' div et 2. faites votre code le futur dans le cas où vous voulez ajouter des fonctionnalités ou des styles spécifiques.
    Je vois ce que vous dites, mais ensuite, cela me fait me demander si il ya un style pour payment_area quelque part, ou peut-être il est utilisé par javascript. Je suis un css/html "newbie", mais n'a pas le sectionnement des choses de ce genre impliquent également une complexité supplémentaire? Je pourrais peut-être utiliser l'un ou l'autre selon qu'on est vraiment complémentaires "id" propre fonctionnalité pour cette div?

    OriginalL'auteur Jason Gennaro

  2. 9

    Si un élément a un title attribut, la plupart des navigateurs afficher une info-bulle avec la valeur de l'attribut lorsque vous placez le pointeur dessus. Dans ce cas, ils montrent une “Zone de Paiement” info-bulle lorsque vous placez n'importe où plus que div.

    Attributs HTML, en général, ont un but. HTML a commentaires pour la documentation! Goûter:

    <div class="form"> <!-- Payment Area -->
    ...
</div>

    Vous avez mentionné que vous ne souhaitez pas que les frais généraux de commentaires. Si vous comptez les personnages (y compris l'espace nécessaire avant de l'attribut, en fait ils sont de la même longueur:

     title="payment Area" 
<!-- Espace de paiement -->

    (Mais, je suis d'accord, ils ne regardent plus grand!)

    🙂 Oui, je voulais éviter la ligne supplémentaire et de trouver quelque chose qui décrit la div (section) lui-même-sur la même ligne.
    Je pense que je vais aller avec l'aide de l'id, lui donnant une convention de nommage si cet élément n'a pas de style particulier ou javascript sont associés, par exemple id="c__de Paiement_Zone". Ensuite, si il a javascript ou css associés avec elle, je vais la changer id="paymentArea". ... peut-être devrais-je faire id="c__paymentArea"
    Je suis d'accord que les commentaires ne se sentent un peu plus grand que sur les attributs, mais ils travaillent aussi bien sur la même ligne (voir edit). Si vous utilisez plutôt un attribut, pourquoi ne pas donner à chaque élément normal id (comme paymentArea), indépendamment du fait que le id est utilisé par CSS ou JavaScript?
    Grâce Sidnicious, je suppose que l'id ils sont un peu plus petites. Je pense que l'on retenir j'ai eu, c'est à l'aide de diverses éditeur de formateurs et de les faire déplacer des choses autour façons je n'aime pas. Mais en dehors de ça, je pense que la réponse de Jason et les commentaires associés sont bonnes.
    Suppléant idée: Utiliser PHP commentaires au lieu d'un commentaire HTML - si elle n'a pas d'influence sur la façon dont la page web sera affectée, les utilisateurs n'ont pas besoin de la voir dans le source.

    OriginalL'auteur s4y

  3. 4

    Je vous conseille d'utiliser le HTML5 attributs personnalisés standard:

    <div data-title='Payment Area'></div>

    Fondamentalement, faites précéder le nom de data- et le navigateur va l'ignorer.

    Ok .. c'est moins laconique. Est-il un avantage?
    Eh bien, si vous ne voulez pas utiliser l'attribut id, alors c'est juste la norme que j'ai suivi, depuis HTML5 montre de plus en plus. Juste essayer de suivre les pratiques recommandées.
    Gabe, si j'ai utilisé quelque chose comme "data-c", c est pour les commentaires, comment les anciens navigateurs traiter cela?
    Assez sûr, il serait tout simplement l'ignorer.

    OriginalL'auteur Gabe

  4. 1

    L'attribut title n'est pas destinée pour les divs - je n'ai pas vérifié les spécifications officielles, mais je ne pense pas que c'est encore un attribut pris en charge. La meilleure pratique est d'utiliser l'attribut "id". Cela a l'avantage de fournir des crochets pour votre CSS.

    Vous pouvez également aller plus loin et utiliser html5, ce qui vous donne plus d'éléments descriptifs tels que <nav>, <section>, <article> et <header>

    Edit: comme par commentaire par steveax, l'attribut title n'est pas valide. Je pense que l'essentiel de ma réponse reste valable, même si.

    Je ne pense pas que je veux insinuer que je suis en utilisant cette information pour quoi que ce soit, autre que la documentation de ce une section est pour. Savez-vous combien de ladite éléments html5 dégrader dans les navigateurs (ou les versions de navigateur) pas encore en charge html5?
    Personnellement, je trouve l'ID utile pour mon propre organisation, le css est un avantage supplémentaire. Comme pour le html5, vous pouvez faire IE gérer facilement dans le <head> de votre page, à l'aide des commentaires conditionnels, il suffit d'utiliser javascript pour créer l'élément - vous n'avez même pas besoin de l'insérer dans le DOM. Ensuite, vous pouvez définir le style comme s'il s'agissait d'une <div>, ou quoi que ce soit.
    Le suivi sur le dernier commentaire: exemple: document.createElement('article'); Maintenant IE de ne pas paniquer.
    Title est très bien sur un div, mais c'est pour les utilisateurs de pas auteurs. Abusant de @title auteur de la documentation est une mauvaise pratique. Pourquoi ne pas simplement utiliser les commentaires?
    merci pour la clarification re attribut title.

    OriginalL'auteur Philip Schweiger

  5. -1

    Vous pouvez utiliser l'attribut , qui fonctionne assez bien pour moi, je ne pense pas que le titre fonctionne sur les divs

    <div rel="Payment Area"></div>
    hmm, merci. Toute collision avec d'autres utilisations de cet attribut? Attendez une minute, n'est-ce pas cet attribut juste pour les liens?
    Non, s'il vous plaît ne pas inventer @rel types. Ce n'est pas une utilisation valide de @rel
    vous n'avez probablement pas voir ce commentaire, à demi-caché dans la réponse précédente: Yah, je ne veux pas que l'utilisateur de voir les info-bulles. Je voulais quelque chose de plus concis que les commentaires -- par exemple, pas une ligne, pas d'une < >. Il ressemble peut-être que ma solution est d'utiliser quelque chose comme <div data-c="Bla bla bla">, aussi longtemps que les anciens non-navigateurs html5 ne reçoivent pas pris la peine, je ne sais pas ??
    Pourquoi ne pas l'essayer, je l'ai utilisé avant et il a parfaitement fonctionné dans ma situation, j'ai été en mesure de se référer à l'aide de JQuery, n'écoutez pas les steveax 🙂
    Je pense que steveax est tout à fait raison, parce que vous êtes en utilisant un attribut qui ne sont pas censé être utilisé comme cela, de sorte que le code devient sémantiquement incorrect. Sachez que si quelque chose ne veut pas dire que c'est bon. Et vous ne devriez pas se mettre en colère quand quelqu'un critique votre réponse de façon constructive.

    OriginalL'auteur Reina