Using appropriate elements in blog posts

Most often, I see blog posts where blogs without use of appropriate elements such as headings, tables etc. So thought let me write some tips that one should consider while writing a blog post.

  1. Never copy and paste from a word processing document or internet page
  2. Use appropriate heading structure if your post has sub sections; for instance, ideally, your post name would be heading level 1 and uses

    so next level heading would be


    and next level to


    would be


    and so on.

  3. If you insert an informative image; don’t forget to add text description to it. Sample code:
    <img src="folder/filename.gif" alt="This is a sample image" >

    if you use an image that is for decorative purpose, provide a null alt attribute. Sample code:

    <img src="folder/filename.gif" alt="" >
  4. If you use a data table, use semantic markup including table summary, caption and associate headers. Sample table code:
    <table summary="This table consist of HTML elements and their use">
    <th> Attribute;</th>
    <th> Description;</th>
    <td>h1, h2, h3...</td>
    <td >Headings </td>
    <td>a href</td>
    <td> Hyper link </td>

    and here is the output:

    Attribute Description
    h1, h2, h3… Headings
    a href Hyper link
  5. Use appropriate list attributes: If you want to use an unordered list, use

    attribute for ordered list. Here is the sample code:

  6. Unordered list:
    	<li>First bullet list item</li>
    	<li>Second bullet list item</li>
    	<li>Third bullet list item</li>


    • First bullet list item
    • Second bullet list item
    • Third bullet list item
  7. Ordered list:
    	<li>First numbered list item</li>
    	<li>Second numbered list item</li>
    	<li>Third numbered list item</li>


    1. First numbered list item
    2. Second numbered list item
    3. Third numbered list item

attributes and


More later! Enjoy writing effective blog posts!

Leave a comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.