O que é XHTML

10/06 1 Por eduardopsoto em Web Design, Xhtml

É importante você saber o que é XHTML pois você provavelmente irá encontrar muitas questões sobre XHTML nos concursos da área de Tecnologia de Informação, para ajudá-lo vou mostrar neste artigo apenas uma noção básica do que é o XHTML.

O XHTML – EXtensible HyperText Markup Language é o padrão de linguagem de marcação recomendado pela w3c. Esta linguagem foi criada para substituir o HTML. Algumas das características mais importantes do XHTML são:

1-Ela é uma linguagem baseada em HTML por isto existe poucas diferenças entre elas.
2-Todas as tags devem ser obrigatoriamente fechadas, inclusive elementos vazios como a tag <br> que no HTML não era fechada, no XHTML tem que ser fechada, portanto deve ser escrita assim: <br />.
3-No XHTML todas as tags devem ser escritas em letras minúsculas.
4-Todo documento XHTML deve obrigatoriamente conter as tags e .<br /> 5-Em um código XHTML o Document Type (DTD) deve ser declarado sempre.<br /> Se você ficou preocupado pelo fato de não saber como declarar um Document Type, eu recomendo o uso do Dreamweaver, ele facilitará bastante a sua vida, porque quando você for criar um documento XHTML ele te dá a opção de escolher o Document Type do seu documento XHTML. Vou dar um exemplo mais detalhado: Abra o Dreamwever, clique em “File”, depois em “New”, na janela que se abrir escolha um dos Document Type XHTML e clique em “create”. Desta forma o Dreamweaver criará a estrutura básica do XHTML para você.<br /> Em breve farei um artigo explicando a diferença entre os Document Type. Aguardem!</p> <p><strong>É proibido copiar e publicar este texto na íntegra. Plágio é crime.<br /> Se você gostou deste texto e quer colocar no seu blog eu autorizo apenas que você copie somente um pequeno trecho e cite a fonte. Coloque sua opinião e coloque o link desta página no seu site, para que as pessoas saibam quem publicou este texto originalmente. </strong></p> <div class="cleared"></div> <div class="fazersite-postmetadatafooter"> <div class="fazersite-postfootericons fazersite-metadata-icons"> <table id="tb-avatar"> <tr> <td><strong><center>Autor:</center></strong></td> <td><a href="http://blog.eduardoweb.com" title="Visitar o site de eduardopsoto" rel="external">eduardopsoto</a></td> </tr> </table> </div> </div> <div class="cleared"></div> <div class="fazersite-postmetadatafooter"> <div class="fazersite-postfootericons fazersite-metadata-icons"> <table id="tb-avatar"> <tr> <td><strong><center>Patrocinador:</center></strong></td> <td><a href="http://wordpresslivro.com">Anderson Maki</a></td> <td rowspan="2"><a href="http://livrodinheiro.net/comprar-ebooks" target="_blank"><img src="http://profissionais.ws/wp-content/themes/profissionais/images/ebooks-20.png"></a></td> </tr> <tr><td><img alt='' src='http://1.gravatar.com/avatar/f6c0a5ca6f420a4681a0bbbf4a4678f0?s=80&d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D80&r=G' class='avatar avatar-80 photo' height='80' width='80' /></td> <td>Anderson Makiyama é formando em sistemas para a internet pela faculdade Anhanguera, dedica seu tempo criando soluções para a internet e escrevendo sobre o assunto. Possui alguns blogs onde frequentemente disponibiliza dicas sobre os temas: wordpress, programação PHP, dinheiro na internet, otimização de sites (SEO), etc.</td> </tr> </table> </div> </div>  </div> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> <div class="fazersite-post"> <div class="fazersite-post-tl"></div> <div class="fazersite-post-tr"></div> <div class="fazersite-post-bl"></div> <div class="fazersite-post-br"></div> <div class="fazersite-post-tc"></div> <div class="fazersite-post-bc"></div> <div class="fazersite-post-cl"></div> <div class="fazersite-post-cr"></div> <div class="fazersite-post-cc"></div> <div class="fazersite-post-body"> <div class="fazersite-post-inner fazersite-article"> <div class="fazersite-postcontent">  <h4 id="comments">One Response to <em>O que é XHTML</em></h4>  </div> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> <div class="fazersite-post"> <div class="fazersite-post-tl"></div> <div class="fazersite-post-tr"></div> <div class="fazersite-post-bl"></div> <div class="fazersite-post-br"></div> <div class="fazersite-post-tc"></div> <div class="fazersite-post-bc"></div> <div class="fazersite-post-cl"></div> <div class="fazersite-post-cr"></div> <div class="fazersite-post-cc"></div> <div class="fazersite-post-body"> <div class="fazersite-post-inner fazersite-article"> <div class="fazersite-postcontent">  <div class='wp-pagenavi'> <span class='pages'><span class='pagina'>Página 1 de 1</span></span><span class='bt bt-gray'>1</span> </div>  </div> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> <ul id="comments-list"> <li class="comment even thread-even depth-1" id="li-comment-3014"> <div class="fazersite-post" id="comment-3014"> <div class="fazersite-post-tl"></div> <div class="fazersite-post-tr"></div> <div class="fazersite-post-bl"></div> <div class="fazersite-post-br"></div> <div class="fazersite-post-tc"></div> <div class="fazersite-post-bc"></div> <div class="fazersite-post-cl"></div> <div class="fazersite-post-cr"></div> <div class="fazersite-post-cc"></div> <div class="fazersite-post-body"> <div class="fazersite-post-inner fazersite-article"> <div class="fazersite-postcontent">  <div class="comment-author vcard"> <table id='comments-tb'><tr><td><div class="avatar"><img alt='' src='http://0.gravatar.com/avatar/cf33637f13de5df7291ba85ec4ad9f7a?s=80&d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D80&r=G' class='avatar avatar-80 photo' height='80' width='80' /></div></td><td><img src="http://profissionais.ws/wp-content/themes/profissionais/images/chat.png" /></td><td rowspan="2" style="background-color:#E9E9E9;width:100%;vertical-align:top;padding:4px;"><p><p>I really like this article, this is one of my favorite sites and I’ll just wanted to say thanks!</p> </p><span class="bt bt-green" style="float:right;">09/07</span><span class="bt bt-gray" style="float:right;"><a class='comment-reply-link' href='/programacao/xhtml/o-que-e-xhtml.html?replytocom=3014#respond' onclick='return addComment.moveForm("comment-3014", "3014", "respond", "2600")'>Responder</a></span></td></tr><tr> <td ><cite class="fn"><a href='http://www.yahoo.com' rel='external nofollow' class='url'>aviation courses</a></cite></td><td></td></tr></table> </div>     </div> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> </li> </ul><div class="fazersite-post"> <div class="fazersite-post-tl"></div> <div class="fazersite-post-tr"></div> <div class="fazersite-post-bl"></div> <div class="fazersite-post-br"></div> <div class="fazersite-post-tc"></div> <div class="fazersite-post-bc"></div> <div class="fazersite-post-cl"></div> <div class="fazersite-post-cr"></div> <div class="fazersite-post-cc"></div> <div class="fazersite-post-body"> <div class="fazersite-post-inner fazersite-article"> <div class="fazersite-postcontent">  <div class='wp-pagenavi'> <span class='pages'><span class='pagina'>Página 1 de 1</span></span><span class='bt bt-gray'>1</span> </div>  </div> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> <div class="fazersite-post" id="respond"> <div class="fazersite-post-tl"></div> <div class="fazersite-post-tr"></div> <div class="fazersite-post-bl"></div> <div class="fazersite-post-br"></div> <div class="fazersite-post-tc"></div> <div class="fazersite-post-bc"></div> <div class="fazersite-post-cl"></div> <div class="fazersite-post-cr"></div> <div class="fazersite-post-cc"></div> <div class="fazersite-post-body"> <div class="fazersite-post-inner fazersite-article"> <div class="fazersite-postcontent">  <div> <h3 id="reply-title">Deixe um Comentário <small><a rel="nofollow" id="cancel-comment-reply-link" href="/programacao/xhtml/o-que-e-xhtml.html#respond" style="display:none;">Cancelar resposta</a></small></h3> <form action="http://profissionais.ws/wp-comments-post.php" method="post" id="commentform"> <p class="comment-notes">O seu endereço de email não será publicado Campos obrigatórios são marcados <span class="required">*</span></p> <p class="comment-form-author"><label for="author">Nome</label> <span class="required">*</span><input id="author" name="author" type="text" value="" size="30" aria-required='true' /></p> <p class="comment-form-email"><label for="email">Email</label> <span class="required">*</span><input id="email" name="email" type="text" value="" size="30" aria-required='true' /></p> <p class="comment-form-url"><label for="url">Site</label><input id="url" name="url" type="text" value="" size="30" /></p> <p class="comment-form-comment"><label for="comment">Comentário</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p> <p class="form-allowed-tags">Você pode usar estas tags e atributos de <abbr title="HyperText Markup Language">HTML</abbr>: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></p> <p class="form-submit"> <input name="submit" class="fazersite-button" type="submit" id="submit" value="Publicar comentário" /> <input type='hidden' name='comment_post_ID' value='2600' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p> <p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="59993de23a" /></p> </form> </div>  </div> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> <div class="fazersite-layout-cell fazersite-sidebar1"> <div class="fazersite-block widget widget_text" id="text-4"> <div class="fazersite-block-tl"></div> <div class="fazersite-block-tr"></div> <div class="fazersite-block-bl"></div> <div class="fazersite-block-br"></div> <div class="fazersite-block-tc"></div> <div class="fazersite-block-bc"></div> <div class="fazersite-block-cl"></div> <div class="fazersite-block-cr"></div> <div class="fazersite-block-cc"></div> <div class="fazersite-block-body"><div class="fazersite-blockcontent"> <div class="fazersite-blockcontent-tl"></div> <div class="fazersite-blockcontent-tr"></div> <div class="fazersite-blockcontent-bl"></div> <div class="fazersite-blockcontent-br"></div> <div class="fazersite-blockcontent-tc"></div> <div class="fazersite-blockcontent-bc"></div> <div class="fazersite-blockcontent-cl"></div> <div class="fazersite-blockcontent-cr"></div> <div class="fazersite-blockcontent-cc"></div> <div class="fazersite-blockcontent-body"> <div class="textwidget"><script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script></div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div><div class="fazersite-block widget widget_text" id="text-12"> <div class="fazersite-block-tl"></div> <div class="fazersite-block-tr"></div> <div class="fazersite-block-bl"></div> <div class="fazersite-block-br"></div> <div class="fazersite-block-tc"></div> <div class="fazersite-block-bc"></div> <div class="fazersite-block-cl"></div> <div class="fazersite-block-cr"></div> <div class="fazersite-block-cc"></div> <div class="fazersite-block-body"><div class="fazersite-blockcontent"> <div class="fazersite-blockcontent-tl"></div> <div class="fazersite-blockcontent-tr"></div> <div class="fazersite-blockcontent-bl"></div> <div class="fazersite-blockcontent-br"></div> <div class="fazersite-blockcontent-tc"></div> <div class="fazersite-blockcontent-bc"></div> <div class="fazersite-blockcontent-cl"></div> <div class="fazersite-blockcontent-cr"></div> <div class="fazersite-blockcontent-cc"></div> <div class="fazersite-blockcontent-body"> <div class="textwidget"><div class="anunciantes"> <a href="http://melhor.ws/go/elegantthemes" target="_blank" rel="external nofollow" alt="temas wordpress"><img src="http://profissionais.ws/wp-content/uploads/2012/01/elegantthemes1.jpg" title="temas wordpress"></a> <a href="http://melhor.ws/go/hostgator" target="_blank" rel="external nofollow"><img src="http://profissionais.ws/wp-content/uploads/2012/01/hostgator1.jpg"></a> <a href="http://fazersite.ws/sistema-de-classificados" target="_blank" rel="external nofollow"><img src="http://profissionais.ws/wp-content/uploads/2012/01/tema-classificados1.jpg"></a> <a href="http://wordpresslivro.com/criando-tema-wordpress-com-o-artisteer" target="_blank" rel="external nofollow"><img src="http://profissionais.ws/wp-content/uploads/2012/01/artisteer-banner1.jpg"></a> </div></div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div><div class="fazersite-block widget widget_categories" id="categories-2"> <div class="fazersite-block-tl"></div> <div class="fazersite-block-tr"></div> <div class="fazersite-block-bl"></div> <div class="fazersite-block-br"></div> <div class="fazersite-block-tc"></div> <div class="fazersite-block-bc"></div> <div class="fazersite-block-cl"></div> <div class="fazersite-block-cr"></div> <div class="fazersite-block-cc"></div> <div class="fazersite-block-body"><div class="fazersite-blockheader"> <h3 class="t">Categorias</h3> </div><div class="fazersite-blockcontent"> <div class="fazersite-blockcontent-tl"></div> <div class="fazersite-blockcontent-tr"></div> <div class="fazersite-blockcontent-bl"></div> <div class="fazersite-blockcontent-br"></div> <div class="fazersite-blockcontent-tc"></div> <div class="fazersite-blockcontent-bc"></div> <div class="fazersite-blockcontent-cl"></div> <div class="fazersite-blockcontent-cr"></div> <div class="fazersite-blockcontent-cc"></div> <div class="fazersite-blockcontent-body"> <ul> <li class="cat-item cat-item-3"><a href="http://profissionais.ws/category/animacao-web" title="Ver todos os posts arquivados em Animação Web">Animação Web</a> <ul class='children'> <li class="cat-item cat-item-8"><a href="http://profissionais.ws/category/animacao-web/flash-animacao-web" title="Ver todos os posts arquivados em Flash">Flash</a> </li> </ul> </li> <li class="cat-item cat-item-2730"><a href="http://profissionais.ws/category/cms" title="Ver todos os posts arquivados em CMS">CMS</a> </li> <li class="cat-item cat-item-4"><a href="http://profissionais.ws/category/computadores" title="Ver todos os posts arquivados em Computadores">Computadores</a> </li> <li class="cat-item cat-item-5"><a href="http://profissionais.ws/category/curiosidades" title="Ver todos os posts arquivados em Curiosidades">Curiosidades</a> </li> <li class="cat-item cat-item-6"><a href="http://profissionais.ws/category/dicas-interessantes" title="Ver todos os posts arquivados em Dicas interessantes">Dicas interessantes</a> </li> <li class="cat-item cat-item-2298"><a href="http://profissionais.ws/category/educacao" title="Ver todos os posts arquivados em Educação">Educação</a> </li> <li class="cat-item cat-item-2456"><a href="http://profissionais.ws/category/entrevista" title="Ver todos os posts arquivados em Entrevista">Entrevista</a> </li> <li class="cat-item cat-item-7"><a href="http://profissionais.ws/category/erros" title="Ver todos os posts arquivados em Erros">Erros</a> </li> <li class="cat-item cat-item-9"><a href="http://profissionais.ws/category/games-jogos" title="games jogos">GAMES</a> </li> <li class="cat-item cat-item-3345"><a href="http://profissionais.ws/category/ganhar-dinheiro-2" title="Ver todos os posts arquivados em Ganhar Dinheiro">Ganhar Dinheiro</a> </li> <li class="cat-item cat-item-10"><a href="http://profissionais.ws/category/linux" title="linux">LINUX</a> <ul class='children'> <li class="cat-item cat-item-21"><a href="http://profissionais.ws/category/linux/ubuntu" title="Ver todos os posts arquivados em Ubuntu">Ubuntu</a> </li> </ul> </li> <li class="cat-item cat-item-11"><a href="http://profissionais.ws/category/nossos-produtos" title="Ver todos os posts arquivados em Nossos Produtos">Nossos Produtos</a> </li> <li class="cat-item cat-item-12"><a href="http://profissionais.ws/category/noticias" title="Noticias">Noticias</a> </li> <li class="cat-item cat-item-13"><a href="http://profissionais.ws/category/orkut" title="Ver todos os posts arquivados em Orkut">Orkut</a> </li> <li class="cat-item cat-item-14"><a href="http://profissionais.ws/category/programacao" title="Programação">PROGRAMAÇÃO</a> <ul class='children'> <li class="cat-item cat-item-29"><a href="http://profissionais.ws/category/programacao/net-c" title="Ver todos os posts arquivados em .NET / C#">.NET / C#</a> </li> <li class="cat-item cat-item-32"><a href="http://profissionais.ws/category/programacao/css" title="Programação - CSS">CSS</a> </li> <li class="cat-item cat-item-34"><a href="http://profissionais.ws/category/programacao/html" title="HTML Básico">HTML</a> </li> <li class="cat-item cat-item-35"><a href="http://profissionais.ws/category/programacao/jquery-javascript" title="Ver todos os posts arquivados em Jquery / Javascript">Jquery / Javascript</a> </li> <li class="cat-item cat-item-37"><a href="http://profissionais.ws/category/programacao/mysql-programacao" title="Ver todos os posts arquivados em Mysql">Mysql</a> </li> <li class="cat-item cat-item-38"><a href="http://profissionais.ws/category/programacao/php" title="PHP">PHP</a> </li> <li class="cat-item cat-item-28"><a href="http://profissionais.ws/category/programacao/xhtml" title="Programação - Xhtml">Xhtml</a> </li> </ul> </li> <li class="cat-item cat-item-15"><a href="http://profissionais.ws/category/rentabilizacao" title="Ver todos os posts arquivados em RENTABILIZAÇÃO">RENTABILIZAÇÃO</a> <ul class='children'> <li class="cat-item cat-item-30"><a href="http://profissionais.ws/category/rentabilizacao/adsense" title="Ver todos os posts arquivados em Adsense">Adsense</a> </li> <li class="cat-item cat-item-31"><a href="http://profissionais.ws/category/rentabilizacao/adwords-rentabilizacao" title="Ver todos os posts arquivados em Adwords">Adwords</a> </li> </ul> </li> <li class="cat-item cat-item-2731"><a href="http://profissionais.ws/category/reviews" title="Ver todos os posts arquivados em Reviews">Reviews</a> </li> <li class="cat-item cat-item-16"><a href="http://profissionais.ws/category/scripts-gratuitos" title="Ver todos os posts arquivados em Scripts Gratuitos">Scripts Gratuitos</a> </li> <li class="cat-item cat-item-17"><a href="http://profissionais.ws/category/seo" title="Ver todos os posts arquivados em SEO">SEO</a> </li> <li class="cat-item cat-item-18"><a href="http://profissionais.ws/category/servidores-web" title="Ver todos os posts arquivados em Servidores Web">Servidores Web</a> <ul class='children'> <li class="cat-item cat-item-23"><a href="http://profissionais.ws/category/servidores-web/wamp" title="Ver todos os posts arquivados em Wamp">Wamp</a> </li> </ul> </li> <li class="cat-item cat-item-19"><a href="http://profissionais.ws/category/telefonia-movel" title="Ver todos os posts arquivados em TELEFONIA MÓVEL">TELEFONIA MÓVEL</a> </li> <li class="cat-item cat-item-20"><a href="http://profissionais.ws/category/twitter" title="Ver todos os posts arquivados em Twitter">Twitter</a> </li> <li class="cat-item cat-item-22"><a href="http://profissionais.ws/category/videos" title="Ver todos os posts arquivados em VÍDEOS">VÍDEOS</a> </li> <li class="cat-item cat-item-1084"><a href="http://profissionais.ws/category/web-design" title="Ver todos os posts arquivados em Web Design">Web Design</a> </li> <li class="cat-item cat-item-1047"><a href="http://profissionais.ws/category/msn-messenger" title="Ver todos os posts arquivados em Windows Live Messenger">Windows Live Messenger</a> <ul class='children'> <li class="cat-item cat-item-36"><a href="http://profissionais.ws/category/msn-messenger/messenger-plus" title="messenger plus">Messenger Plus</a> </li> <li class="cat-item cat-item-40"><a href="http://profissionais.ws/category/msn-messenger/problemas-no-msn" title="Ver todos os posts arquivados em Problemas no MSN">Problemas no MSN</a> </li> </ul> </li> <li class="cat-item cat-item-27"><a href="http://profissionais.ws/category/wordpress" title="WordPress">WordPress</a> <ul class='children'> <li class="cat-item cat-item-39"><a href="http://profissionais.ws/category/wordpress/plugins" title="Ver todos os posts arquivados em Plugins">Plugins</a> </li> <li class="cat-item cat-item-2576"><a href="http://profissionais.ws/category/wordpress/temas-blog-wordpress" title="Ver todos os posts arquivados em Temas Blog Wordpress">Temas Blog Wordpress</a> </li> </ul> </li> </ul> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> </div> <div class="cleared"></div> <div class="cleared"></div> </div> </div> <div class="fazersite-footer"> <div class="fazersite-footer-t"></div> <div class="fazersite-footer-body"> <div class="fazersite-footer-text"> <img src="http://profissionais.ws/wp-content/themes/profissionais/images/favicon.png" style="vertical-align:middle" /> © 2011 / 2012 - TODOS OS DIREITOS RESERVADOS <span style="padding-left:30px"><a href="http://melhor.ws/go/elegantthemes" target="_blank">Desenvolvido por Elegant Themes</a></span> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> </div> <div id="wp-footer">  <script type="text/javascript" src="http://profissionais.ws/wp-content/plugins/syntaxhighlighter-plus/syntaxhighlighter/src/shCore.js"></script> <script type="text/javascript"> SyntaxHighlighter.all(); </script>  </div> </body> </html>