The world of the web designing, web development and other web design tutorials.

Slider (DO NOT EDIT HERE!)

Monday 30 June 2014

How To Write Semantic HTML

semantic html

Hi Friends
Today we are going to discuss about semantic html writting a semantic html is very useful for the webpage and website. the semantic html means to give the meanig to the content and using right tags in the webpage such as paragraph tag some people use paragraph tags use for creating space between text. it will not give meaning to your content html paragraph should be used only for paragraph another example for it the using of bold tag it is not semantic but we use strong tag instead of bold tag.
Also read this :
Text formatting in html.
Html Basi tags.
Top 5 css and html editor.

What is semantic html?

semantic markup or semantic html means to give the meaning to  you content to make your content meaningful.such as image, metadata tag has own content but the div and span have not content meaningful.

Usage Of Semantic Tags.

In semantic html we have give the meaning to our content by using right tags or elements. Such as many new webdesigner made mistakes during structuring the html.

Blockquote: bloackquote is html tag which is used to add quotations in the webpages but the people use it for indent text. Use it for quotation. For indent the text you can use css margins and indent-property(indent-text).

Ul: ul is the html tag for unordered list but the same people also use it for adding the indent to the text.

p: paragraph tag is used to define a paragraph but mostly people use it for creating space between text it is the wrong the method paragraph tag should be used for adding the paragraph.

h1 to h6: heading tags defines the heading. the heading tags should be only used for headlines or heading not for making text bold and bigger. For making text bold and bigger you should use the css font-size property and font-weight property.

Benefits of Using Semantic markup.

  1. It is help to improve seo.
  2. Easy to use.

List of Semantic tags:
For list of semantic tags click here:

Final words:
Now you can write the semantic html. Please friends share my post with your friends.
Thanks For Visiting

0 comments:

Post a Comment