Aqui estão 10 tags HTML subutilizadas ou incompreendidas. Talvez eles não sejam muito conhecidos, mas são muito úteis em determinadas situações.
Os desenvolvedores da Web geralmente querem entender e dominar vários idiomas e, como resultado, aprender tudo em um idioma é complicado, mas é fácil descobrir que você não está alavancando totalmente as tags mais especiais, mas úteis.
Traduzido de: tutsplus
Infelizmente, ainda não conseguimos todo o potencial dessas tags HTML menos conhecidas. Mas nunca entrará em volta do reimente tarde demais e começará a escrever código para descobrir a energia dessas tags inexploradas.
Aqui estão 10 tags HTML subutilizadas ou incompreendidas. Talvez eles não sejam muito conhecidos, mas são muito úteis em determinadas situações.
1. <CITE>
Parece que todos estão familiarizados com a tag <lockquote>, mas você conhece o irmão mais novo do <lockQuote> <cite>? <CITE> permite definir o texto dentro de um elemento como uma referência. Geralmente, o navegador usará itálico para exibir o texto na tag <Cite>, mas isso pode ser alterado com um pouco de CSS.
A tag <Cite> é útil para referências a diretórios ou outros sites. Aqui está um exemplo de usar a tag cite no parágrafo:
O livro organizacional de David Allen , realizando seu trabalho, trouxe uma tempestade para esquecer. 2. <OptGroup>
A tag <PtGroup> é uma ótima maneira de definir opções de agrupamento na tag Selecionar. Por exemplo, se você precisar agrupar listas de filmes por tempo, poderá fazer isso:
12
<Rótulo para = ShowTimes> Tempo de liberação </elabel> <select id = showTimes name = ShowTimes> <OptGroup Label = 1: 00 pm> </optgroup> <opção value = titanic> titanic </pption> <pution vale = nd> slumdog milionário </option> <pution> value = wab> MOnster shrek <////Opction> value = bkrw> o leão rei </pption> <opção value = stf> supereman </pption> </leclect>
Demonstração:
Pode distinguir visualmente as listas de filmes. 3. <Crônimo>
<Crônimo> é uma maneira de definir ou interpretar um conjunto de textos. Quando você coloca o texto usando a tag <riglay> com o mouse, uma caixa mostrando o conteúdo da tag de título aparecerá abaixo. por exemplo:
1
Site do Weibo <Acrônimo Título = Fundado em 2006> O Twitter </ronga> tem sido frequentemente tempo de inatividade recentemente.
Exemplo:O site do Weibo, o Twitter, foi o tempo de inatividade recentemente. 4. <Endereço>
A tag <deedle> é uma pequena etiqueta muito discreta, mas isso não significa que seja inútil. Como o nome sugere, <endereço> permite que você semanticize tags no HTML. Esta pequena etiqueta exibirá o conteúdo na etiqueta no itálico padrão. Obviamente, o uso de estilos pode alterar facilmente o estilo padrão.
1234
<dard> glen stansberry1234 web dev Laneanywhere, EUA </dard> 5. <ins> e <l>
Se você deseja usar tags para exibir versões editadas, <ins> e <l> estão corretas. Como o nome sugere, <ins> destaca o conteúdo adicionado com um sublinhado, enquanto <Lel> usa uma greve para exibir informações removidas.
1
John <l> gosta de </el> <inst> adora </ns> seu novo iPod.
Exemplo: Todos como Abandonado Zblog. 6. <Boel>
Parece que os elementos da forma provavelmente esquecem quando marcar o texto. Para elementos de formulário, a coisa mais comum que eu esqueço é a tag <etiqueta>. Não é apenas uma maneira conveniente de marcar o texto, a tag <belt> também pode passar um atributo para especificar qual elemento estará associado. <belt> não é apenas fácil de controlar com estilos, mas também permite que você torne o título cliques.
12
<Label for = UserName> Nome de usuário </elabel> <ID de entrada = nome de usuário tipo = text /> 7. <Fieldset>
Fieldset é uma pequena tag que você pode usar para adicionar agrupamentos lógicos aos elementos do seu formulário. A tag <Imieldset> desenhará uma caixa em torno dos elementos dentro dela. Outro ponto é que você pode adicionar uma tag <etiqueta> ao Fieldset para definir o título do grupo.
1234567
<morm> <ndeddset> <legend> Você é mais inteligente do que um estudante de 5 anos? </legend> é claro <nome de entrada = sim tipo = valor de rádio = sim/> eu não sei <nome de entrada = no tipo = valor de rádio = não/> </fieldset> </morm>
Exemplo: 8. <bbr>A tag <bbr> é bastante semelhante à tag <riglay>, a diferença é que a tag <bbr> é usada apenas para definir abreviações. Assim como <Crônimo>, você pode definir uma propriedade de título para esta tag. Quando o usuário coloca o mouse sobre o texto da abreviação, todo o conteúdo será exibido abaixo. As tags <BBR> raramente são usadas, mas são muito úteis para leitores de tela, verificadores ortográficos e mecanismos de pesquisa.
1
<ABBR Title = Brainless> NC </bbr> é um termo não civilizado.
Exemplo:É um termo não muito civilizado. É um termo não muito civilizado. 9. Rel
O REL pode ser uma propriedade extremamente útil , e qualquer elemento HTML pode aplicar uma propriedade REL. Ajuda a passar parâmetros adicionais sem especificado adicional. Isso é muito útil ao usar JavaScript em HTML. Se você tem um link que deseja editar dentro da linha, pode adicionar:
1
<a rel = clickable href = página.html> Este link é editável. </a>
O JavaScript procurará um link com um atributo Rel Clickable, aplicará um Ajax e permitirá que ele seja editado dentro da linha. Este é apenas um uso de muitas técnicas que você pode usar o atributo REL, porque seu potencial é infinito. Amigos interessados podem estudar a introdução do W3C ao REL em profundidade. 10. <Wbr>
<WBR> A tag é uma tag inacreditável e não familiar. Francamente falando, também duvido que você seja exposto a essa tag porque ela quase nunca é usada. (De fato, eu mal vi essa etiqueta antes de escrever este post). De fato, essa tag é uma quebra de linha suave, permitindo que você especifique um ponto de interrupção da linha em uma determinada linha, indicando que as quebras de linha podem ser quebradas nesse ponto, mas não a quebra necessariamente, mas apenas quebra quando é necessário. Se você deseja evitar barras de rolagem horizontal, o uso desta tag é ótimo.
Exemplo:Abaixo está uma caixa larga de 200 pixels sem transbordamento definido. Nowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbrnowbr
Havawbr Havawbr HAVAWBRHAVAWBRHAVAWBRHAVAWBRHAVAWBRHAVAWBRHAVAWBR Havawbr
Se você deseja alcançar o mesmo efeito sem usar a tag <wbr>, você pode experimentá -lo ou tímido;. Dizem que nenhuma dessas três tags é totalmente suportada por todos os navegadores. Você pode usar este artigo para visualizar o suporte de cada navegador para três tags.
PS: Depois de traduzir este artigo com dificuldade, Shenfei sentiu profundamente o charme da semântica e o poder das tags HTML. Acredito que não percebemos muitas tags. Como resultado, todos estão familiarizados com tags comuns e todos não podem usar tags incomuns. Como expliquei em um artigo antes, grande parte da semântica é usar os rótulos certos nos lugares certos, em vez de apenas dividi -los. Se pudermos aprender mais tags HTML, podemos escrever mais código HTML semântico, o que pode reduzir bastante a dificuldade e a carga de trabalho da escrita de CSS e tornar a estrutura da nossa página mais razoável.