Enquanto a HTML versão 5 não se torna uma realidade e muda a forma como conhecemos a internet (de novo!). Você é capaz de utilizar todos os recursos do HTML 4? Ou sem um editor gráfico como o dreamweaver você não é ninguém?
Aliás, editores gráficos acabam com qualquer padrão web, são os inimigos da otimização de códigos. Você é capaz de identificar quais tags serão descontinuadas na versão 5? Deixando assim sua página desconfigurada nas futuras versões dos navegadores, isso se você não souber usar corretamente o atributo doctype, que foi assunto no meu post sobre como usar corretamente o atributo doctype do html.
Veja algumas tags que você deve evitar pois são depreciadas (deprecated), ou seja, serão descontinuadas nas próximas versões, deixando assim de funcionarem. Por tanto evite:
<font> Sim, esta tag muito usada para definir cores, tamanho, fontes, esta depreciada. <u> Se você sublinhava palavras usando esta tag, desista. <xmp> Indica textos pre-formatados. Alguém usava isso? <center> Muito usada também, centraliza blocos de textos e outros elementos. <applet> Informa o uso de um applet em java. <basefont> Uma tag de meta informação para indicar fontes base. <dir> Define uma lista de diretórios. <menu> Define uma lista de menu. <isindex> Uma tag de input que informa uma linha simples um campo. <strike> ou <s> Faz aquela marcação no texto com um corte no meio da palavra.
Abaixo segue uma tabela com todas as tags do html que você deveria estar usando e conhecer.
Do lado direito você vai ver algumas siglas, como S, T e F. Para entender melhor o que significam veja meu post sobre doctype, pois elas são referências aos padrões strict, o loose e o frameset.
| Tag | Descricao | DTD |
|---|---|---|
| As Tags Basicas | ||
| <!DOCTYPE> | Indica o tipo do documento | STF |
| <html> | Indica um documento do tipo html | STF |
| <body> | Indica um elemento do tipo body (corpo) | STF |
| <h1> to <h6> | Indica titulos de importancias 1 a 6 | STF |
| <p> | Indica um novo paragrafo | STF |
| <br> | Uma quebra de linha | STF |
| <hr> | Cria uma linha horizontal | STF |
| <!–…–> | Indica um comentario no codigo | STF |
| As Tags de Formatacao de texto | ||
| <b> | Deixa o texto em negrito | STF |
| <i> | Deixa o texto em italico | STF |
| <em> | Emfatiza o texto, funciona como o italico | STF |
| <big> | Aumenta o tamanho da fonte em relacao as demais | STF |
| <strong> | Funciona como negrito no texto tambem | STF |
| <small> | Reduz o tamanho da fonte em relacao as demais | STF |
| <sup> | Deixa o texto superescrito, um nivel acima | STF |
| <sub> | Deixa o texto subescrito, um nivel abaixo | STF |
| <bdo> | Inverte a direcao do texto, exibe de tras pra frente. | STF |
| Output – Saida na Tela | ||
| <pre> | Indica que e um bloco ja pre formatado | STF |
| <code> | Indica que o texto e um codigo de computador | STF |
| <tt> | Indica um texto do tipo teletype, funciona como o code | STF |
| <kbd> | Inidica texto de keyboard, fica como italico | STF |
| <var> | Indica uma variavel | STF |
| <dfn> | Indica um termo de definicao, fica como italico | STF |
| <samp> | Indica trecho de codigo de computador | STF |
| Blocos | ||
| <acronym> | Indica um acronimo (abreviacoes) | STF |
| <abbr> | Indica uma abreviacao | STF |
| <address> | Indica que o texto e o endereco de algum local | STF |
| <blockquote> | Separa o texto como uma citacao | STF |
| <q> | Uma rapida citacao | STF |
| <cite> | Indica uma citacao, fica como italico | STF |
| <ins> | Indica que o texto foi inserido posteriormente, fica sublinhado | STF |
| <del> | Indica que o texto foi retirado, fica cortado por uma linha | STF |
| Links | ||
| <a> | Defines an anchor | STF |
| <link> | Defines a resource reference | STF |
| Frames | ||
| <frame> | Defines a sub window (a frame) | F |
| <frameset> | Defines a set of frames | F |
| <noframes> | Defines a noframe section | TF |
| <iframe> | Defines an inline sub window (frame) | TF |
| Input | ||
| <form> | Defines a form | STF |
| <input> | Defines an input field | STF |
| <textarea> | Defines a text area | STF |
| <button> | Defines a push button | STF |
| <select> | Defines a selectable list | STF |
| <optgroup> | Defines an option group | STF |
| <option> | Defines an item in a list box | STF |
| <label> | Defines a label for a form control | STF |
| <fieldset> | Defines a fieldset | STF |
| <legend> | Defines a title in a fieldset | STF |
| <isindex> | Deprecated. Defines a single-line input field | TF |
| Lists | ||
| <ul> | Defines an unordered list | STF |
| <ol> | Defines an ordered list | STF |
| <li> | Defines a list item | STF |
| <dir> | Deprecated. Defines a directory list | TF |
| <dl> | Defines a definition list | STF |
| <dt> | Defines a definition term | STF |
| <dd> | Defines a definition description | STF |
| <menu> | Deprecated. Defines a menu list | TF |
| Images | ||
| <img> | Defines an image | STF |
| <map> | Defines an image map | STF |
| <area> | Defines an area inside an image map | STF |
| Tables | ||
| <table> | Defines a table | STF |
| <caption> | Defines a table caption | STF |
| <th> | Defines a table header | STF |
| <tr> | Defines a table row | STF |
| <td> | Defines a table cell | STF |
| <thead> | Defines a table header | STF |
| <tbody> | Defines a table body | STF |
| <tfoot> | Defines a table footer | STF |
| <col> | Defines attributes for table columns | STF |
| <colgroup> | Defines groups of table columns | STF |
| Styles | ||
| <style> | Defines a style definition | STF |
| <div> | Defines a section in a document | STF |
| <span> | Defines a section in a document | STF |
| Meta Info | ||
| <head> | Defines information about the document | STF |
| <title> | Defines the document title | STF |
| <meta> | Defines meta information | STF |
| <base> | Defines a base URL for all the links in a page | STF |
| <basefont> | Deprecated. Defines a base font | TF |
| Programming | ||
| <script> | Defines a script | STF |
| <noscript> | Defines a noscript section | STF |
| <applet> | Deprecated. Defines an applet | TF |
| <object> | Defines an embedded object | STF |
| <param> | Defines a parameter for an object | STF |
Esta refêrencia foi retirada da página do W3C.
Você pode estar pensando “Perae! Ta faltando tag ai!“. Perspicaz você eu diria! Realmente tem tags como <embed> que não estão na lista.
Mas saiba que apesar da tag ser suportava pelos navegadores, elas não fazem parte dos padrões aceitos pelo W3C. Por isso se você usar um validador de código e estiver usando esta tag, vai acusar erro de padronização.
Alguns usam como alternativas, escrever essas tags inválidas usando javascript, assim o validador não encontra a tag no código e fica tudo supostamente dentro dos padrões.
MarioSAM é faixa preta 2Dan de Taekwondo. Entusiasta do marketing online. Especulador do mercado financeiro. Projetista web com certificação SCJP da SUN. Com 10 anos de experiência em desenvolvimento de sistemas. 
Loading...