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!

By Srinivasu Chakravarthula

Srinivasu is an accessibility evangelist with 16+ years of experience. Currently works as Senior Accessibility Program Manager at Watermark. Previousely held several positions at companies like BarrierBreak, Yahoo, PayPal, Deque, HCL etc., He believes in the teachings of Shri. Adi Sankaracharya, Swami Vivekananda. He is also Founder of ServeOM Inclusion - a platform to pormote accessibility.

Leave a comment

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