Só notei o `` tag no Twitter, eles fizeram isso?

StackOverflow https://stackoverflow.com/questions/1652099

  •  22-07-2019
  •  | 
  •  

Pergunta

Twitter parece estar usando uma tag <i/> para exibir seus ícones de um sprite css. Será que eles apenas fazer-se essa marca, ou seja HTML Eu nunca ouvi falar de?

Brilhante idéia de qualquer forma:)

Foi útil?

Solução

Essa é a tag itálico regular, mas sem nenhum conteúdo; ou seja, é semanticamente equivalente a <i></i>. †

Na XML , elementos vazios são escritos com uma barra extra no final . XHTML é XML válido. Então <i/> é bom. Para um exemplo mais comum, pense por exemplo <br />.

Para ver por si mesmo que <i/> é uma tag XHTML válida, verifique o XML EmptyElemTag definição ou passar a seguir ao W3C validador : 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <title></title>
  </head>
  <body>
    <p><i/></p> <!-- look here -->
  </body>
</html>

† Como Toji aponta corretamente, o sintática diferença é relevante em determinadas circunstâncias. Embora navegadores não podem tratar <i/> diferente de <i></i>, outros analisadores XML poderia!

Outras dicas

Essa é a tag itálico.

pessoas

eu vi utilizar elementos orientados para o estilo vazios (por exemplo <i/>, <b/>) como ganchos para styling extra para widgets de interface do usuário que são reutilizados ao longo de um site. OOCSS faz isso . Por exemplo, a estrutura do módulo básico é definido como 

<div class="mod"> 
  <b class="top"><b class="tl"></b><b class="tr"></b></b>
  <div class="inner">
    <div class="bd">
      <p>Lorem ipsum.</p>
    </div>
  </div>
  <b class="bottom"><b class="bl"></b><b class="br"></b></b> 
</div>

Em seguida, dependendo do seu CSS (e do contexto em que você usar o módulo), esses elementos <b /> vazios podem receber styling para adicionar, por exemplo, imagens de fronteira, ou eles podem receber nenhum estilo em tudo e não têm impacto sobre a página.

Eu não conseguia encontrar as tags que você está se referindo, então eu não sei se é isso que o Twitter está fazendo, mas é uma aplicação interessante dessas marcas independentemente.

usando i vez de span pode salvar alguns bytes

Eles provavelmente está usando isso para reduzir HTTP carga útil, ou seja, largura de banda de custos.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top