Freecodecamp: Método de cursiva desactualizado

Creado en 12 mar. 2016  ·  3Comentarios  ·  Fuente: freeCodeCamp/freeCodeCamp

Challenge Change Text Inside a Element usando jQuery tiene un problema.
El agente de usuario es: Mozilla/5.0 (Windows NT 6.2; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.111 Safari/537.36 .
Describa cómo reproducir este problema e incluya enlaces a capturas de pantalla si es posible.
En la descripción del desafío, usa <i> para reemplazar el texto en cursiva con jquery en lugar de la etiqueta <em> . En un desafío anterior, menciona cómo <i> está desactualizado y generalmente se usa para íconos en bootstrap ahora

es decir.
$("h3").html("<i>jQuery Playground</i>");
debiera ser:
$("h3").html("<em>jQuery Playground</em>");

Mi código:

<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");

  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>

discussing

Comentario más útil

También podríamos cambiarlo a <em> solo para que dejemos de tener estos problemas.

Todos 3 comentarios

El desafío anterior que citó dice que las etiquetas i ahora se usan para íconos.

El elemento i se usó originalmente para poner en cursiva otros elementos, pero ahora se usa comúnmente para íconos. Agrega las clases de Font Awesome al elemento i para convertirlo en un ícono, por ejemplo: ...

La recomendación del W3C dice que las etiquetas i son:

El elemento i representa un fragmento de texto con una voz o un estado de ánimo alternativos, o bien compensado con la prosa normal de una manera que indica una calidad diferente del texto, como una designación taxonómica, un término técnico, una frase idiomática de otro idioma, transliteración, un pensamiento o el nombre de un barco en textos occidentales.

Dejaría en claro qué etiqueta usar o aceptaría ambas etiquetas. ¿Pensamientos de @FreeCodeCamp/issue-moderators?

También podríamos cambiarlo a <em> solo para que dejemos de tener estos problemas.

:+1: por cambiar a <em>

¿Fue útil esta página
0 / 5 - 0 calificaciones