Ir para conteúdo
Faça parte da equipe! (2024) ×
Conheça nossa Beta Zone! Novas áreas a caminho! ×
JBZnwS7.gif

  • Quem está por aqui   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.

Tags Básicas do HTML e suas Funções


Skope
 Compartilhar

Posts Recomendados

Qual ali não é usada mais?

 

com o css3 andando junto ao html5, a w3c mudou o tipo de conteiro q eles relevam para os web developers, hoje em dia usar tabelas <table> <tr><td><th> é muito raro os casos que realmente precise usar, a tag <center> também passou a ser usada por css e não pelo html, casos como <b><i><u> também foram para o css, mas ainda sao usados em alguns casos, como cadastros de informações, mesmo caso do <br>, embora ainda seja aceitável o <br> também para cadastros, mas ja estão sendo substituidos por tags com clear:both no css.

 

com o html5 e css3, eles literalmente dividiram as coisas, html5 organiza, css3 estiliza.

a w3c adotou este novo tipo de conceito para suas verificações.

 

e as tags que deveriam ser classificadas agora como básicas para aprenderem a usar.

seria trocar todos os <div> por <section> <header> <aside> <nav> <article> <footer>

 

<header> cabeçalho

<nav> navegação

<aside> menus laterais

<section> seção

<article> artigo

<footer> rodapé

<div> box que não se encaixam nestas categorias, como box apenas para posicionamento, etc etc..

 

elas relevam muito o seu conceito em sites como css awards, w3c, e outros que premiam, e classificam sites.

 

obs* as tags não pararam de existir, apenas, por conceitos de estética, semântica de código, SEO, etc.. não são mais usadas.

Link para o comentário
Compartilhar em outros sites

com o css3 andando junto ao html5, a w3c mudou o tipo de conteiro q eles relevam para os web developers, hoje em dia usar tabelas <table> <tr><td><th> é muito raro os casos que realmente precise usar, a tag <center> também passou a ser usada por css e não pelo html, casos como <b><i><u> também foram para o css, mas ainda sao usados em alguns casos, como cadastros de informações, mesmo caso do <br>, embora ainda seja aceitável o <br> também para cadastros, mas ja estão sendo substituidos por tags com clear:both no css.

 

com o html5 e css3, eles literalmente dividiram as coisas, html5 organiza, css3 estiliza.

a w3c adotou este novo tipo de conceito para suas verificações.

 

e as tags que deveriam ser classificadas agora como básicas para aprenderem a usar.

seria trocar todos os <div> por <section> <header> <aside> <nav> <article> <footer>

 

<header> cabeçalho

<nav> navegação

<aside> menus laterais

<section> seção

<article> artigo

<footer> rodapé

<div> box que não se encaixam nestas categorias, como box apenas para posicionamento, etc etc..

 

elas relevam muito o seu conceito em sites como css awards, w3c, e outros que premiam, e classificam sites.

 

obs* as tags não pararam de existir, apenas, por conceitos de estética, semântica de código, SEO, etc.. não são mais usadas.

 

Ah sim, uma coisa é dizer que não é usada mais e outra é citar "recomendações" da W3C.

<br> não tem nada a ver com clear:both

<table> <tr><td><th> ainda são usadas para tabelas, abraço.

 

W3c anda a passos de tartaruga, melhor se orientar pelo WHATWG.

:slow:

Link para o comentário
Compartilhar em outros sites

br nada a ver com clear:both? a unica diferença é que se quebra a tag no meio

 

<p>texto que vc quer <br> continuação </p> com o clear seria <p> texto que vc quer </p></p>continuação</p> e declarada no css p {clear:both;} nada a ver?...

 

se você quiser usar recurso de tabela para usar em um web site ok, mas falando sobre a semântica atual do html5 e css3, existem meios mais práticos, livres de edições estilizadas, funcional e leve em questões de carregamento.

 

meu amigo usar whatwg, um validador que diz para usar DIV ao em vez de Article, para declarar um assunto específico e único dentro de uma section... ou que fala para usar várias <header> em um unico projeto? se você acha que é o melhor validador, tudo bem não questionarei, mas eu não usaria um certificado de validado pela whatwg, ah e o pior de tudo, alguns metas de SEO para aumentar o page rank do site, o whatwg não reconhece e pede para retirar pois não tem uso...

 

cada um cria seus projetos web como querem, mas outros se atualizam com as inovações de versões e semânticas de código se quiserem ^^, um site usando table, br, etc etc etc pode até ficar igual um site usando outra estrutura, mas, semanticamente, um vai estar melhor declarado para o browser do que o outro, um será mais leve para se carregar do que o outro. isso não podemos negar ;~*

 

abraço ^^

Link para o comentário
Compartilhar em outros sites

Sim, nada a ver uma coisa com a outra.

__

 

Depois você cria um tutorial ensinando a fazer uma tabela semântica sem <table><th><td> ? Thanks. Explica a questão de "carregamento" mais leve? Por que até onde eu sei a escolha de tag não afeta o carregamento do DOM. Mas depois explica ai que fiquei interessado.

__

E...? Quem disse que trocar todos os <divs> por <section> faz da sua página um documento html5? LOL.

Aonde diz que uma página deve conter somente um <header>? Onde o validator deles está errado? Header é cabeçalho de elemento véi, usar 500 na minha página não tem problema nenhum...

 

É necessário se cadastrar para acessar o conteúdo.

 

Agradeça ao WHATWG pelo html5.

 

O WHATWG (The Web Hipertext Application Technology Working Group) é um grupo de desenvolvedores que não se conformavam com a velocidade que as coisas aconteciam no W3C. Portanto eles são um grupo separado do W3C. Esse grupo foi fundado por membros da Mozilla, Apple e Opera por volta de 2004. Eles resolveram iniciar a escrita de uma nova recomendação para o HTML, já que o W3C iria abandonar o HTML e focar seus esforços em linguagens baseadas em XML. É por isso que algum dia no seu passado você começou a fechar as tags BR com uma barra no final (<br />). (Diego Eis- Tabless)

 

Dá uma lida ai:

É necessário se cadastrar para acessar o conteúdo.

__

 

Não sei quais meta tags você usa para SEO, mas hoje me dia só bastam as open graph e a "description".

:slow:

Link para o comentário
Compartilhar em outros sites

  • 2 meses depois...
  • 4 semanas atrás...
  • 2 semanas atrás...
Este tópico está impedido de receber novos posts.
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.