Webmaster Forum


Go Back   Webmaster Forum > Web Development > Web Design Lobby

Web Design Lobby Forum for general web design issues not specific to scripting or graphics.


Reply
 
LinkBack Thread Tools Display Modes
Share |
  #1 (permalink)  
Old 07-16-2012, 09:28 PM
snakeair's Avatar
Super Moderator
 
Join Date: 12-31-07
Location: Medford, NJ
Posts: 42,725
iTrader: 3 / 100%
On web semantics

I think I just got a headache from reading this blog post from the Google blog. I'm not a programmer by trade so I tend to like things dumbed down into simple to understand words and pictures. lol

Check this out.

Quote:
In web development context, semantics refers to semantic markup, which means markup used according to its meaning and purpose.

Markup used according to its purpose means using heading elements (for instance, h1 to h6) to mark up headings, paragraph elements (p) for paragraphs, lists (ul, ol, dl, also datalist or menu) for lists, tables for data tables, and so on.

Stating the obvious became necessary in the old days, when the Web consisted of only a few web sites and authors used tables to code entire sites, table cells or paragraphs for headings, and thought about other creative ways to achieve the layout they wanted. (Admittedly, these authors had fewer instruments at their disposal than authors have today. There were times when coding a three column layout was literally impossible without using tables or images.)

Up until today authors were not always certain about what HTML element to use for what functional unit in their HTML page, though, and “living” specs like HTML 5 require authors to keep an eye on what elements will be there going forward to mark up what otherwise calls for “meaningless” fallback elements like div or span.

To know what elements HTML offers, and what meaning these elements have, it’s necessary to...
Continued at: http://googlewebmastercentral.blogsp...semantics.html

I think if I read this a few more times, I'll sink in better. Any thoughts so far on the blog post?
__________________
Newbiz Advertising - A resourceful blog

Like us on Facebook: facebook.com/Newbizshop

Premium WordPress Themes - A list of themes.
 
Reply With Quote
  #2 (permalink)  
Old 07-17-2012, 03:02 AM
GMF's Avatar
GMF GMF is offline
Contributing Member
Latest Blog:
None

 
Join Date: 11-03-11
Location: Austria
Posts: 1,206
iTrader: 0 / 0%
Quote:
Originally Posted by snakeair View Post
I think I just got a headache from reading this blog post from the Google blog. I'm not a programmer by trade so I tend to like things dumbed down into simple to understand words and pictures. lol
K, dumbed down version? No problem:

Author-controlled semantics
Quote:
Use functional ID and class names; if that is not possible, use generic ID and class names.
It is almost always possible to give an ID/CLASS a functional name. If you don't, someone will drown a bag of cats.

Advantages of using semantic markup
Quote:
Using markup according to how it’s meant to be used, as well as modest use of functional ID and class names, has several advantages:

It’s the professional thing to do.
It’s more accessible.
It’s more maintainable.
You don't use it according to how it’s meant? More cats will die.

Special cases
b - whenever you use it, a kitty dies
strong - strong importance for its contents
i - whenever you use it, a kitty dies
em - stress emphasis of its contents

more "bad" tags
Code:
http://htmldog.com/guides/htmlintermediate/badtags/

Suggestion: Head over to htmldog.com and work through the courses. He pretty much nails the accessibility thing (and he wrote it back in 2003)

Last edited by GMF; 07-17-2012 at 03:07 AM.
 
Reply With Quote
  #3 (permalink)  
Old 08-09-2012, 01:22 AM
Junior Member
 
Join Date: 08-08-12
Posts: 23
iTrader: 0 / 0%
Imho: Semantics web is all about adding new descriptive elements ( like semantics="name", or similar to en.wikipedia.org/wiki/Microdata_(HTML) ) to the html tags, so robots would know what type of data is inside the tag. A good source of information on topics like RDFA and SPARQL is w3.org ( w3.org/TR/xhtml-rdfa-primer w3.org/TR/sparql11-overview )
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
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

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



V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 06:40 PM.
Powered by vBulletin
Copyright © 2000-2013 Jelsoft Enterprises Limited.
Copyright © 2003 - 2013 Escalate Media LP




Search Engine Optimization by vBSEO 3.6.0 RC 2 ©2011, Crawlability, Inc.