IT Community - Software Programming, Web Development and Technical Support

What is Semantic HTML?

This is a discussion on What is Semantic HTML? within the HTML, CSS and Javascript Coding Techniques forums, part of the Web Development category; Hi all........ Can anyone tell me, What is Semantic HTML. Thanks in advance........


Go Back   IT Community - Software Programming, Web Development and Technical Support > Web Development > HTML, CSS and Javascript Coding Techniques

Register FAQ Members List Calendar Mark Forums Read
  #1 (permalink)  
Old 09-11-2007, 12:22 AM
itbarota itbarota is offline
D-Web Architect
 
Join Date: Jun 2007
Posts: 547
itbarota is on a distinguished road
Default What is Semantic HTML?

Hi all........

Can anyone tell me, What is Semantic HTML.

Thanks in advance.....
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Sponsored Links
  #2 (permalink)  
Old 09-11-2007, 12:47 AM
a.deeban a.deeban is offline
D-Web Analyst
 
Join Date: May 2007
Posts: 279
a.deeban is on a distinguished road
Default Re: What is Semantic HTML?

Hi...

Semantic HTML means using HTML tags for their implied meaning, rather than just using (meaningless) div and span tags for absolutely everything. Why would you want to do this? Depending on the tag, the content in the tag can be interpreted in a certain way. Here are some examples.


Header tags

If you use <h1> instead of <div class="header">, and <h2> instead of <div class="subheader">, et cetera, Google and other search engines will interpret your headers as being important titles in your page. This way, when people search on the words in your headers and sub-headers, your page will be considered more relevant (and rank higher). Plus, it's much shorter and cleaner.

This works both ways: don't use header tags for anything except headers, especially not increasing your font size or outlining your search engine keywords. This way, your page can be parsed for structure (you can do this with the W3C HTML Validator). This structure can then be used by screen readers or other tools to build a table of contents for your page.

Form labels

The <label> tag is so sadly forgotten. It's not immediately clear what the point of using it is, so very few web pages take advantage of it. The label tag is used to identify a label for an input field, for example "E-mail Address". It can either be used be wrapping it around the text and input field like: <label>First Name: <input name="fname"/></label>, or it can be used with the for attribute like so: <label for="fname">First Name:</label> <input id="fname" name="fname"/>.

Why use the label tag instead of <div class="label">? Well, it's shorter and cleaner. But it also let's screen readers and other tools identify the text associated with an input field. Without using the label tag, it can be very difficult for some people to know what is supposed to go into your form fields.




thnx...
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #3 (permalink)  
Old 09-26-2007, 09:18 AM
Pvinothkumar Pvinothkumar is offline
D-Web Analyst
 
Join Date: Sep 2007
Posts: 237
Pvinothkumar is on a distinguished road
Default Re: What is Semantic HTML?

Hi....

That's something you may have asked yourself already. It is something that you may have heard other people talk and write about.

But most people don't really know what it is. It seems to be this mysterious technology that only the Web development gurus actually know anything about.

Semantic HTML is actually simpler than you think. And if you've written HTML youself, then you've probably created Semantic HTML without even know it. (Although you may have not used it to its full potential.)

This article explains what Semantic HTML is so that a beginner, with minimal HTML experience, can understand it.

Thanks & Regards
P.vinoth......
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #4 (permalink)  
Old 08-20-2008, 10:25 PM
Miakoda Miakoda is offline
D-Web Trainee
 
Join Date: Jul 2008
Posts: 49
Miakoda is on a distinguished road
Default Re: What is Semantic HTML?

Quote:
Originally Posted by Pvinothkumar View Post
Hi....

That's something you may have asked yourself already. It is something that you may have heard other people talk and write about.

But most people don't really know what it is. It seems to be this mysterious technology that only the Web development gurus actually know anything about.

Semantic HTML is actually simpler than you think. And if you've written HTML youself, then you've probably created Semantic HTML without even know it. (Although you may have not used it to its full potential.)

This article explains what Semantic HTML is so that a beginner, with minimal HTML experience, can understand it.

Thanks & Regards
P.vinoth......

HI P.vinoth


you r right but what is the SHTML advantage for me if i have knowledge about HTML. where it is uses and how? Is it a upgrade version of HTML? I want to know more about SHTML. Can you please tell me the better site or book for learning SHTML.


thanks
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #5 (permalink)  
Old 08-20-2008, 10:41 PM
stargold stargold is offline
D-Web Trainee
 
Join Date: Jul 2008
Posts: 37
stargold is on a distinguished road
Default Re: What is Semantic HTML?

Semantic HTML means using HTML tags for their implied meaning, rather than just using (meaningless) div and span tags for absolutely everything. Why would you want to do this? Depending on the tag, the content in the tag can be interpreted in a certain way. Here are some examples.
Header tags

If you use <h1> instead of <div class="header">, and <h2> instead of <div class="subheader">, et cetera, Google and other search engines will interpret your headers as being important titles in your page. This way, when people search on the words in your headers and sub-headers, your page will be considered more relevant (and rank higher). Plus, it's much shorter and cleaner.

This works both ways: don't use header tags for anything except headers, especially not increasing your font size or outlining your search engine keywords. This way, your page can be parsed for structure (you can do this with the W3C HTML Validator). This structure can then be used by screen readers or other tools to build a table of contents for your page.
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #6 (permalink)  
Old 09-22-2008, 11:13 PM
Miakoda Miakoda is offline
D-Web Trainee
 
Join Date: Jul 2008
Posts: 49
Miakoda is on a distinguished road
Default Re: What is Semantic HTML?

But most people don't really know what it is. It seems to be this mysterious technology that only the Web development gurus actually know anything about.
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #7 (permalink)  
Old 09-25-2008, 12:39 AM
sakari sakari is offline
D-Web Trainee
 
Join Date: Sep 2008
Posts: 36
sakari is on a distinguished road
Default Re: What is Semantic HTML?

nice discussion.

.shtml Definition

.shtml is a web file suffix - for example, index.shtml. .shtml files are files which can include server generated content on the page. For example, a .shtml file could contain a counter or other server generated content.

.shtml files are setup on a web server as server side include files. Other files can be setup as server side include, but .shtml files are common on linux hosts.

thanks
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #8 (permalink)  
Old 09-29-2008, 12:27 AM
simrita simrita is offline
D-Web Trainee
 
Join Date: Sep 2008
Posts: 21
simrita is on a distinguished road
Default Re: What is Semantic HTML?

Semantics is the study of meaning in communication. The word derives from Greek σημαντικός (semantikos), "significant", from σημαίνω (semaino), "to signify, to indicate" and that from σήμα (sema), "sign, mark, token". In linguistics it is the study of interpretation of signs as used by agents or communities within particular circumstances and contexts. It has related meanings in several other fields.

_________________________________


Keyword Research Georgia Health Insurance
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #9 (permalink)  
Old 10-10-2008, 09:54 PM
a_kanna230 a_kanna230 is offline
D-Web Trainee
 
Join Date: Oct 2008
Posts: 12
a_kanna230 is on a distinguished road
Default Semantic HTML

Given a worldwide semantic web of assertions, the search engine technology currently (1998) applied to HTML pages will presumably translate directly.


_____________________________________________-


Audi A4 Aluminum Radiator mensleather cuffs bracelets
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #10 (permalink)  
Old 10-16-2008, 02:15 AM
Sarah Sarah is offline
D-Web Trainee
 
Join Date: Oct 2008
Posts: 3
Sarah is on a distinguished road
Default Re: What is Semantic HTML?

Semantics is the study of meaning in communication. Semantic HTML means using HTML tags for their implied meaning
And Stargold had already explained very clearly

_________________________________________
Houston virtual florist loans with no credit check pisos vilafranca ringtones for the iPhone
Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Similar Threads
Thread Thread Starter Forum Replies Last Post
PHP and HTML Jeyaseelansarc PHP Programming 43 04-09-2008 01:26 AM
HTML or CSS capture Web Design Help 2 03-15-2007 07:21 PM
html djree HTML, CSS and Javascript Coding Techniques 1 03-08-2007 09:12 PM
swf in html nssukumar Flash Actionscript Programming 2 03-06-2007 05:10 AM
HTML vs. CSS Joe HTML, CSS and Javascript Coding Techniques 3 03-03-2007 08:12 PM


All times are GMT -7. The time now is 11:37 AM.


Copyright ©2004 - 2007, DiscussWeb. All Rights Reserved.

SEO by vBSEO 3.0.0