rel="tooltip", ist es schlechte Praxis?

In der bootstrap-Dokumentation für tooltips verwendet es <a href="#" title="first tooltip">hover over me</a>. Tooltips sind nur kosmetische, obwohl. Nicht css-Stil, sondern einfach nur ein bisschen JS zu ändern, wie ein title-Attribut dargestellt wird.

Den "rel" - Attribut ist gedacht, um verwendet werden, um zu sagen, ein bot (z.B. google) über die Natur des einen link. Die Optionen sind alternate, author, bookmark, help, Lizenz, weiter, nofollow, noreferrer, prefetch, zurück, Suche, und tag.

Ist es nicht schlecht, die Praxis zu verwenden rel = "tooltip" seit tooltip Kosmetik ist, sagt nichts über die Natur der Verbindung, und nicht sonst bot oder browser interpretieren können?

InformationsquelleAutor der Frage Archonic | 2013-01-24

  1. 11

    Mithilfe Ihr Dokument nicht Valide von der W3C web-standards.

    Erhalten Sie diese Fehler vom W3C-validator:

    Schlechter Wert tooltip für die attribute rel on element a: Nicht einen absoluten IRI.
    Der string für den tooltip nicht ein eingetragenes Schlüsselwort oder eine absolute URL.

    Wäre es besser, identifizieren tooltip link mit einer Klasse wie:

    <a href="#" class="tooltip" title="first tooltip">hover over me</a>

    • Jedoch mit dem rel-Attribut wird nicht verwendet, die vom browser in irgendeiner Art und Weise, wie
      Sie bereits erwähnt, aber es kann Einfluss auf Ihre Platzierung in der Suche
      Motoren      . Google schlägt vor überprüfen Sie Ihre Dokumente und
      "schreiben guten, sauberen HTML-Code".
    • Das rel-Attribut kann auch sein
      interessant für Zugänglichkeit - tools wie screen-Reader.

    InformationsquelleAutor der Antwort Fabian

  2. 8

    Oder einfach ersetzen Sie rel mit der data-rel Attribut (das ist absolut gültig).

    Beispiel:

    $("a[data-rel]").tooltip();

    InformationsquelleAutor der Antwort Kalyan

  3. 1

    Bootstrap Dokumentation schlägt mit data-toggle="tooltip"z.B.:

    <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

    damit Sie mit:

    $(function () {
  $('[data-toggle="tooltip"]').tooltip()
})

    InformationsquelleAutor der Antwort Bryan Ash

Schreibe einen Kommentar