How To Write 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

Read More...

Meta Tags In Html

Who does not want to top search engine every blogger have dream to top search engine ranking. There are many bloggers who doing lots of effort in order to get high traffic or top rank in search engine. The meta tags one of the way to top search engine ranking and for getting more traffic. The meta tags tell the search engine what your blog or website is about, to implement meta tags incorrectly it can be dangerous for your blog or website.
Also read this: Html document type declaration.
Also read this: Basic tags of html.

What are meta tags?

• Html Meta tags lie between the opening and closing of head tag in html document.

• The data in these tags not showed on browser.

• The meta tags tell the browser and search engine what your site is about.

TITLE TAG.

Title tag is not meta tag .but it is important to write the title tag should not be long it contain some word like your page name as like index, profile etc. it is also written in head tag.

META DESCRIPTION.

As I mentioned before that the meta description tag tell the browser and search engine what your blog or website is about. It is important to write good description for search engine which they can understand. It is also important to write meta description on every page but it should be different frome each other . Meta description should no longer 155 character even including spaces. It can be written as:

<meta name="description" content="description goes here">

META KEYWORDS.

Meta keywords contain the words which  familiar with your blog or website. This tag also helps to get lot of traffic. The meta keywords tag should be  contain on 20 words.

<meta name="keywords" content="keywords goes here">

ROBOTS META TAGS.

This tag is important and main tag. The robot meta tags specify the particular page that

 Should be index to the search engine or not and the links on that page are followed by search engine or not. Meta tags can be written in four different methods given below.

              <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">

                In this method the search engine  doesn't index your page and doesn't follow the links to the other pages.

                         <META NAME="ROBOTS" CONTENT="INDEX, NOFOLLOW">

 In this method you requests to the search engine that index the page but don’t follow the links to other pages.

<META NAME="ROBOTS" CONTENT="NOINDEX, FOLLOW">

In this method the search engine doesn't index the page but follow the links to the other pages.

                         <META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">

In this method the search engine index the page and also follow the links to the other pages.

CONCLUSION .

Now you have understanding of meta tags these tags helps a lot to get high page rank or lots of traffic.

Remember in your prayers and keep visiting and share the post with your friends.

Read More...