Major mistakes in HTML

Major mistakes in HTML
  • Do not use Block elements inside the Inline elements
<a href=””><h3>Click Me</h3></a>        In Correct
<h3><a href=””>Click Me</a></h3>        Correct
  • Do not avoid to insert ALT and TITLE tags in image and hyperlinks tags
<img src=”images/logo.png”>                     In Correct
<img src=”images/logo.png” title=”Some text” alt=”logo here”>                                             Correct
  • Do not used LIST tags when its needed
<p>Nokia<br>Samsung<br>BlackBerry</p>
                                                                           In Correct
<ul>
    <li>Nokia</li><li>Samsung</li><li>BlackBerry</li>
</ul>
                                                                          Correct
  • Avoid using too many BR </br> tags. Try to manage in margins
<p>Here some text</p>
<br><br><br>                                               In Correct
<p style=”margin-bottom:20px;”>Here some text</p>                                                          Correct
  • Try to avoid inline css
<p style=”margin-bottom:20px;”>here some text</p>                                                                                          
                                                                                                 In Correct
<p id=”mbottom”>here some text</p>
<style>
    p#mbottom{margin-bottom:20px;}
</style>                                                          Correct
  • Try to use HTML tags instead of CSS ID/Class selectors
<div id=”box”>
      <div id=”heading”>Here Heading</div>
<div id=”description”>Here description</div>
      <div id=”image”><img src=”images/services.png”></div>
</div>                                                           In Correct
<div id=”box”>
      <h4>Heading</h4>
      <p>here description</p>
      <img src=”images/services.png”>
</div>                                                         Correct

 

Leave a Reply

Your email address will not be published. Required fields are marked *