Freecodecamp: Método de itálico desatualizado

Criado em 12 mar. 2016  Â·  3Comentários  Â·  Fonte: freeCodeCamp/freeCodeCamp

Desafio Alterar texto dentro de um elemento Usando jQuery tem um problema.
O Agente do Usuário é: Mozilla/5.0 (Windows NT 6.2; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.111 Safari/537.36 .
Descreva como reproduzir esse problema e inclua links para capturas de tela, se possível.
Na descrição do desafio, ele usa <i> para substituir o texto em itálico por jquery em vez da tag <em> . Em um desafio anterior, ele menciona como <i> está desatualizado e geralmente usado para ícones no bootstrap agora

ou seja.
$("h3").html("<i>jQuery Playground</i>");
deveria estar:
$("h3").html("<em>jQuery Playground</em>");

Meu 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

Comentários muito úteis

Podemos também alterá-lo para <em> apenas para pararmos de ter esses problemas.

Todos 3 comentários

O desafio anterior que você citou diz que as tags i são usadas para ícones agora.

O elemento i foi originalmente usado para fazer outros elementos em itálico, mas agora é comumente usado para ícones. Você adiciona as classes Font Awesome ao elemento i para transformá-lo em um ícone, por exemplo: ...

A recomendação do W3C diz que as tags i são:

O elemento i representa um intervalo de texto em uma voz ou humor alternativo, ou de outra forma deslocado da prosa normal de uma maneira que indica uma qualidade diferente do texto, como uma designação taxonômica, um termo técnico, uma frase idiomática de outro idioma, transliteração, pensamento ou nome de navio em textos ocidentais.

Eu deixaria claro qual tag usar ou aceitaria ambas as tags. @FreeCodeCamp/issue-moderators pensamentos?

Podemos também alterá-lo para <em> apenas para pararmos de ter esses problemas.

:+1: para mudar para <em>

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

robwelan picture robwelan  Â·  3Comentários

jurijuri picture jurijuri  Â·  3Comentários

raisedadead picture raisedadead  Â·  3Comentários

EthanDavis picture EthanDavis  Â·  3Comentários

Akshit-p picture Akshit-p  Â·  3Comentários