New <comments> semantic tag

Author: Daniell Mesquita

index.html

@@ -55,8 +55,10 @@ <h2>Selo do PEHTML</h2>
 <p>Essa tag estrutural serve para marcar o logo do cabeçalho principal do site.</p>
 <blockquote>&lt;logo/&gt;</blockquote>
 </article>
+<comments>
 <h1>Comments</h1> <span class="badge"><a href="http://developers.plasmmer.com/pehtml#disqus_thread"></a></span>
 <blockquote><div id="disqus_thread"></div></blockquote>
+</comments>
 <div class="footer-shadow"></div>
 <footer><center>Última atualização em 01/07/2015 às 11:31</center>
 <div class="social-icons"><a href="https://github.com/DaniellMesquita/PEHTML" target="blank"><img src="rsc/github.svg" width="40px" height="40px" title="See first the news and improve PEHTML in GitHub" alt="GitHub"/></a><a href="https://facebook.com/PlasmmerDevelopers" target="blank"><img src="rsc/facebook.svg" width="40px" height="40px" title="Like us and receive latest news feed about PEHTML progress and other development tools" alt="Facebook"/></a><a href="https://twitter.com/PlasmmerDevelopers" target="blank"><img src="rsc/twitter.svg" width="40px" height="40px" title="Follow us and receive latest news feed about PEHTML progress and other development tools" alt="Twitter"></a><a href="https://ask.fm/PlasmmerDevelopers" target="blank"><img src="rsc/ask.svg" width="40px" height="40px" title="Follow/Ask us and receive latest answers for PEHTML and other development tools" alt="Ask.fm"></a><a href="https://plasmmer.deviantart.com" target="blank"><img src="rsc/deviantart.svg" width="40px" height="40px" title="Follow us and receive latest backgrounds, designs and apps" alt="Deviantart"></a></div><div class="social-buttons"></div>

rsc/common.css

@@ -1,4 +1,4 @@
-body{background:rgb(239, 239, 239);font-family:Arial;-webkit-font-smoothing:antialiased;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header,header{background:#00A185;position:fixed;top:0;left:0;width:100%;height:60px;border-bottom:1px solid #006755;box-shadow: 0 0 15px 1px black;color:#fff;padding-left:20px;z-index:5000}.header,header:hover{box-shadow: 0px 0px 25px 5px #000}.logo,logo{position:absolute;width:315px;height:60px;background:url(logotype.svg) no-repeat no-repeat 10px 15px;opacity:0.5}.logo,logo:hover{opacity:1}.content{width:100%;height:calc(100% - 60px);top:60px;position:fixed;overflow-x:hidden;overflow-y:scroll}.article,article{margin:15px 8px 8px 8px;-webkit-user-select:initial;-moz-user-select:initial;user-select:initial}.h1,h1{font-size:30px;font-weight:bold;color:#00A185;margin:25px 0px 0px 0px;display:inline-block}.h2,h2{font-size:20px;font-weight:bold;color:#333;margin-bottom:5px;display:inline}.badge{background-color:#e7534f;font-family:Arial;font-size:12px;font-weight:bold;padding:3px 8px;border-radius:3px;color:#fff;position:relative;top:-2px;margin-left:8px;display:inline}.badge.blue{background-color:#5b6ed6}.badge.green{background-color:#53a93f}
+body{background:rgb(239, 239, 239);font-family:Arial;-webkit-font-smoothing:antialiased;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header,header{background:#00A185;position:fixed;top:0;left:0;width:100%;height:60px;border-bottom:1px solid #006755;box-shadow: 0 0 15px 1px black;color:#fff;padding-left:20px;z-index:5000}.header,header:hover{box-shadow: 0px 0px 25px 5px #000}.logo,logo{position:absolute;width:315px;height:60px;background:url(logotype.svg) no-repeat no-repeat 10px 15px;opacity:0.5}.logo,logo:hover{opacity:1}.content{width:100%;height:calc(100% - 60px);top:60px;position:fixed;overflow-x:hidden;overflow-y:scroll}.article,article{margin:15px 8px 8px 8px;-webkit-user-select:initial;-moz-user-select:initial;user-select:initial}comments{margin:15px 8px 8px 8px}.h1,h1{font-size:30px;font-weight:bold;color:#00A185;margin:25px 0px 0px 0px;display:inline-block}.h2,h2{font-size:20px;font-weight:bold;color:#333;margin-bottom:5px;display:inline}.badge{background-color:#e7534f;font-family:Arial;font-size:12px;font-weight:bold;padding:3px 8px;border-radius:3px;color:#fff;position:relative;top:-2px;margin-left:8px;display:inline}.badge.blue{background-color:#5b6ed6}.badge.green{background-color:#53a93f}
 
 .badge.mini{font-size:7px;-webkit-user-select:none;-moz-user-select:none;user-select:none}