html - importantes - meta tags para seo

Ocultar etiquetas de título al pasar el mouse

Question

He revisado las preguntas anteriores y ninguna de ellas me ha funcionado realmente, he consultado a Google y la información que encontré parece bastante vaga, así que pensé en intentarlo aquí.

¿Alguien sabe o ha abordado el problema de las etiquetas de título que se muestran al pasar el ratón sobre ellas? Tengo una serie de enlaces e imágenes a los que se les asignarán etiquetas de título, sin embargo, algunos de ellos mostrarán información que sería mejor que no apareciera al pasar el mouse.

¿Existe una función global que pueda utilizar para aplicar esto a todo tipo de etiquetas de título? Un ejemplo sería el siguiente:

<a href="service.php" title="services for cars" />

Si es posible, me gustaría desactivar el título "servicios de automóviles" que aparecen al pasar el ratón.

Gracias de nuevo.

Answer 1

Aunque esto ya ha sido respondido en el estándar JS.

Aquí hay una solución jQuery.

$(''a'').hover( 
  function() {
        $(this).attr("org_title", $(this).attr(''title''));
        $(this).attr(''title'', '''');
  }, function() {
        $(this).attr(''title'', $(this).attr("org_title"));
  }
);

Answer 2

Esto debería funcionar bien para deshabilitar un solo título:

<a href="service.php" title="services for cars" onmouseover="this.title='''';" />

Si luego necesita el título, puede restaurarlo:

<a href="service.php" title="services for cars" onmouseover="this.setAttribute(''org_title'', this.title''); this.title='''';" onmouseout="this.title = this.getAttribute(''org_title'');" />

De esta forma, no es genérico. Para que se aplique a todos los anclajes, tenga dicho código JavaScript:

window.onload = function() {
    var links = document.getElementsByTagName("a");
    for (var i = 0; i < links.length; i++) {
        var link = links[i];
        link.onmouseover = function() {
            this.setAttribute("org_title", this.title);
            this.title = "";
        };
        link.onmouseout = function() {
            this.title = this.getAttribute("org_title");
        };
    }
};

Caso de prueba en vivo .

Editar: para aplicar lo mismo para más etiquetas (por ejemplo, <img> ) mueva primero el núcleo del código a una función:

function DisableToolTip(elements) {
    for (var i = 0; i < elements.length; i++) {
        var element = elements[i];
        element.onmouseover = function() {
            this.setAttribute("org_title", this.title);
            this.title = "";
        };
        element.onmouseout = function() {
            this.title = this.getAttribute("org_title");
        };
    }
}

Luego cambia el código a:

window.onload = function() {
    var links = document.getElementsByTagName("a");
    DisableToolTip(links);
    var images = document.getElementsByTagName("img");
    DisableToolTip(images);
};

Answer 3

Intente configurar dos títulos, uno vacío que será seleccionado por el navegador como información sobre herramientas y luego el que necesita:

    <a href="service.php" title="" title="services for cars" />

Answer 4

No puede desactivarlos porque es una parte genérica de la especificación browsers / html. Pero soy consciente de que puedes diseñarlos usando css y javascript, por lo que una pantalla: none correctamente debería poder usarse en alguna parte.

mira aquí

Answer 5

Si su razonamiento para usar la etiqueta ''título'' es para el cumplimiento de Aria, use la etiqueta aria en su lugar.

<a href="service.php" aria-label="services for cars" />