Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá galera eu estou tentando criar um código bem codificado, otimizado então logo abaixo tem um código eu queria pedir para vocês se no código tem alguma coisa que posso melhor, alguma coisa que não é necessária etc...
<!DOCTYPE html>
<!--[if IE 6]><html id="ie6" dir="ltr" lang="pt-BR"><![endif]-->
<!--[if IE 7]><html id="ie7" dir="ltr" lang="pt-BR"><![endif]-->
<!--[if IE 8]><html id="ie8" dir="ltr" lang="pt-BR"><![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)]><!--><html dir="ltr" lang="pt-BR"><!--<![endif]--><head>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/reset.css" />
<link rel="shortcut icon" href="ICONE DO FAVICOON DO BLOG" type="image/x-icon" />
<meta charset="UTF-8" />
<meta name="description" content="Como criar um blog - Blogger ou Wordpress = Ferramentas blog, templates para wordpress ou blogger, dicas blogger, ganhar dinheiro online,codigos blog, como divulgar blog, dicas wordpress, dicas seo, como criar um blog ou um site, plugins e gadgets, dicas google adsense" />
<meta name="keywords" content="wordpress, blogger, seo, dicas blogger, plugins wordpress, criar site, criar blog, divulgar blog, como criar um site, templates para blog, ganhar dinheiro online, como criar um blogspot, dicas wp, blogger templates, wordpress templates, codigos para blogs, adsense" />
<link rel="alternate" type="application/rss+xml" title="título do feed" href="endereçofeedburner" />
<link rel="canonical" href="http://www.suporteblogger.com/" />
<meta http-equiv="content-language" content="pt-BR" />
<meta name="author" content="Guilherme Wathier" />
</head>
<body>
<div id="box">
</div><!-- BOX -->
<div id="header">
<div id="header_logo">
</div><!-- HEADER LOGO -->
<div id="header_search">
</div><!-- HEADER SEARCH -->
<div id="header_menu">
</div><!-- HEADER MENU -->
</div><!-- HEADER -->
<div id="menu">
</div><!-- MENU -->
<div id="content">
<div id="content_conteudo">
</div><!-- CONTENT CONTEUDO -->
<div id="content_sidebar">
</div><!-- CONTENT SIDEBAR -->
</div><!-- CONTENT -->
<div id="footer_colunas">
</div><!-- FOOTER COLUNAS -->
<div id="footer">
<div id="footer_txt">
</div><!-- FOOTER TXT -->
<div id="footer_ass">
</div><!-- FOOTER ASS -->
</div><!-- FOOTER -->
</body>
</html>Uso sim a linguagem HTML5 Obrigado por falar das marcações.
André Muito Obrigado, algumas coisas que você falou eu nem lembrava.
Bom eu fis as alterações, vê agora se ta um código mais otimizado?
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="css/reset.css" />
<link rel="shortcut icon" href="ICONE DO FAVICOON DO BLOG" type="image/x-icon" />
<meta charset="UTF-8" />
<meta name="description" content="Como criar um blog - Blogger ou Wordpress = Ferramentas blog, templates para wordpress ou blogger, dicas blogger, ganhar dinheiro online,codigos blog, como divulgar blog, dicas wordpress, dicas seo, como criar um blog ou um site, plugins e gadgets, dicas google adsense" />
<meta name="keywords" content="wordpress, blogger, seo, dicas blogger, plugins wordpress, criar site, criar blog, divulgar blog, como criar um site, templates para blog, ganhar dinheiro online, como criar um blogspot, dicas wp, blogger templates, wordpress templates, codigos para blogs, adsense" />
<link rel="alternate" type="application/rss+xml" title="título do feed" href="endereçofeedburner" />
<link rel="canonical" href="http://www.suporteblogger.com/" />
<meta http-equiv="content-language" content="pt-BR" />
<meta name="author" content="Guilherme Wathier" />
</head><body>
<div id="box">
</div><!-- BOX -->
<header id="header">
<div id="header_logo">
</div><!-- HEADER LOGO -->
<div id="header_search">
</div><!-- HEADER SEARCH -->
<div id="header_menu">
</div><!-- HEADER MENU -->
</header>
<nav id="menu">
</nav><!-- MENU -->
<article id="artigos">
<div id="content_conteudo">
</div><!-- CONTENT CONTEUDO -->
</article>
<aside id="sidebar">
<div id="content_sidebar">
</div><!-- CONTENT SIDEBAR -->
</aside>
<footer id="footer">
<div id="footer_txt">
</div><!-- FOOTER TXT -->
<div id="footer_ass">
</div><!-- FOOTER ASS -->
</footer><!-- FOOTER -->
</body></html>
Certo... você está produzindo em HTML5? É o que me diz seu DOCTYPE e a sua tag de abertura HTML.
Não é necessário "hacks" para IEs (além claro da criação de tags que os antigos não interpretam - JS -). Um bom desenvolvedor sabe contornar a maioria dos problemas encontrados em termos de estilização.
Tente reduzir seus arquivos CSS para um único arquivo.
Idem JS quando possuir mais de um.
Resto do código: só vejo divs vazias. Voltando a primeira pergunta: se sim, estude como é feito a marcação com HTML5.
Boa sorte! :thumbsup: