Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
LinkBack Thread Tools Display Modes
Share |
  #1 (permalink)  
Old 04-03-2011, 06:11 AM
No Longer Active
Latest Blog:
None

 
Join Date: 12-30-10
Location: Dhaka
Posts: 1,350
iTrader: 0 / 0%
10 Rare HTML Tags You Really Should Know

Just stumbled upon something that might prove useful. It's from tutsplus. Although the post is not new. It was written way back in 2009 but still I think it's green enough.


Quote:
Web developers these days are often expected to know and work in multiple languages. As a result, itís tricky to learn everything a language has to offer and easy to find yourself not utilizing the full potential of some more specialized but very useful tags.
Unfortunately we havenít been tapping into the full potential of these more obscure HTML tags as of late. But itís never too late to get back into the game and start writing code that taps into the power of some under-used tags.
Here are ten of some of the most underused and misunderstood tags in HTML. While they might be less familiar, theyíre still quite useful in certain situations.
http://net.tutsplus.com/articles/web...y-should-know/

Do you use those tags often?
 
Reply With Quote
  #2 (permalink)  
Old 04-03-2011, 06:40 AM
MonkeyDance's Avatar
Member
Latest Blog:
None

 
Join Date: 03-27-11
Location: Banana Tree
Posts: 33
iTrader: 0 / 0%
Too many similar tags, like cite seems to look like italics and em(phasis).

I never knew about the optgroup but I've seen it done before and wondered how they did it.

Acronym/Abbreviate is neat, but it's basically the same as putting it in a span ..only you would have to set the border-bottom to dotted.

They forgot the strike tags <strike>striked text</strike>
 
Reply With Quote
  #3 (permalink)  
Old 04-03-2011, 06:42 AM
kos's Avatar
kos kos is offline
Coding Tiger
Latest Blog:
Happy New Year 2013

 
Join Date: 04-13-07
Location: .ro
Posts: 4,029
iTrader: 3 / 100%
These are not rare at all, in 2009 maybe, but not now
These html tags discussed in that article are all different by definition, and basically they can't all exists/be found on the same page. on a whole website, maybe, depends on the website's niche... if that website doesn't quote anything why would use the cite element anyway? If it doesn't use forms, why would they use labels? Maybe that made the author of that article write it in the first place, i don't know...
 
Reply With Quote
  #4 (permalink)  
Old 04-03-2011, 06:45 AM
Contributing Member
Latest Blog:
None

 
Join Date: 09-12-10
Posts: 108
iTrader: 0 / 0%
That was a helpful article. Sometimes it's fun to avoid the CMS and hand-code the HTML, just like the old days...
__________________
Fast Online Loans | Trollbeads Bracelets
 
Reply With Quote
  #5 (permalink)  
Old 04-03-2011, 06:51 AM
No Longer Active
Latest Blog:
None

 
Join Date: 12-30-10
Location: Dhaka
Posts: 1,350
iTrader: 0 / 0%
Hei Kos, I was thinking about how labels work as well. What is really the use of it. I didn't get their explanation.

<cite> might be used by Search engines to understand "bibliographic and other site references". I don't know.
 
Reply With Quote
  #6 (permalink)  
Old 04-03-2011, 06:55 AM
kos's Avatar
kos kos is offline
Coding Tiger
Latest Blog:
Happy New Year 2013

 
Join Date: 04-13-07
Location: .ro
Posts: 4,029
iTrader: 3 / 100%
labels are form elements. see more here:
http://www.w3schools.com/tags/default.asp

hth
 
Reply With Quote
  #7 (permalink)  
Old 04-03-2011, 07:02 AM
No Longer Active
Latest Blog:
None

 
Join Date: 12-30-10
Location: Dhaka
Posts: 1,350
iTrader: 0 / 0%
Quote:
Originally Posted by kos View Post
labels are form elements. see more here:
http://www.w3schools.com/tags/default.asp

hth
I saw that b4 but didn't get it either . Is it an alternative to "Value" attribute or something?
 
Reply With Quote
  #8 (permalink)  
Old 04-03-2011, 07:09 AM
kos's Avatar
kos kos is offline
Coding Tiger
Latest Blog:
Happy New Year 2013

 
Join Date: 04-13-07
Location: .ro
Posts: 4,029
iTrader: 3 / 100%
lol! no..
Quote:
The <label> tag defines a label for an input element.

The label element does not render as anything special for the user. However, it provides a usability improvement for mouse users, because if the user clicks on the text within the label element, it toggles the control.

The for attribute of the <label> tag should be equal to the id attribute of the related element to bind them together.
that's all there's for the label element that you should keep in mind. Also, on the w3c schools website they give live examples for almost anything so you can review them and see online how they work
 
Reply With Quote
  #9 (permalink)  
Old 04-03-2011, 07:52 AM
No Longer Active
Latest Blog:
None

 
Join Date: 12-30-10
Location: Dhaka
Posts: 1,350
iTrader: 0 / 0%
Quote:
The label element does not render as anything special for the user. However, it provides a usability improvement for mouse users, because if the user clicks on the text within the label element, it toggles the control.
I got it now. I was not understanding the one in the red above until I did the following and compared (although I read it few times ).


Code:
<html> <body> <p>Click on one of the text labels to toggle the related control:</p> <form> <label for="male">Male</label> <input type="radio" name="sex" id="male" /> <br /> <label for="female">Female</label> <input type="radio" name="sex" id="female" /> </form> <form> Male <input type="radio" name="sex" id="male" /> <br /> Female <input type="radio" name="sex" id="female" /> </form> </body> </html>
 
Reply With Quote
  #10 (permalink)  
Old 04-03-2011, 07:53 AM
kos's Avatar
kos kos is offline
Coding Tiger
Latest Blog:
Happy New Year 2013

 
Join Date: 04-13-07
Location: .ro
Posts: 4,029
iTrader: 3 / 100%
see, that was easy
 
Reply With Quote
  #11 (permalink)  
Old 04-03-2011, 07:54 AM
No Longer Active
Latest Blog:
None

 
Join Date: 12-30-10
Location: Dhaka
Posts: 1,350
iTrader: 0 / 0%
tx bro
 
Reply With Quote
  #12 (permalink)  
Old 04-03-2011, 08:26 AM
MonkeyDance's Avatar
Member
Latest Blog:
None

 
Join Date: 03-27-11
Location: Banana Tree
Posts: 33
iTrader: 0 / 0%
Does anyone else find it funny that they're pushing the title tag as something rare?
 
Reply With Quote
  #13 (permalink)  
Old 04-03-2011, 08:46 AM
kos's Avatar
kos kos is offline
Coding Tiger
Latest Blog:
Happy New Year 2013

 
Join Date: 04-13-07
Location: .ro
Posts: 4,029
iTrader: 3 / 100%
^^ where? the title tag is not mentioned in that list...
 
Reply With Quote
  #14 (permalink)  
Old 04-03-2011, 01:54 PM
nemrod's Avatar
v7n Mentor
 
Join Date: 12-21-10
Location: Sweden
Posts: 463
iTrader: 0 / 0%
I use about half of those regularly, and the rest I'm very well aware of but rarely have the opportunity to use.

Also, you can use labels with input elements that aren't radio buttons or checkboxes (i.e. text inputs) in which case clicking the label simply puts the cursor in the input element. (edit: just saw that was the example in the article, I only read the code in this thread ) I always use labels with my forms, for pretty much all elements.

A more coder-friendly way to use labels is to enclose the input element inside it. Example: <label>Name: <input type="text" name="name"></label>. Works quite well when you're not dividing the labels and input elements in different table cells or otherwise.
 
Reply With Quote
  #15 (permalink)  
Old 04-09-2011, 10:52 AM
nemrod's Avatar
v7n Mentor
 
Join Date: 12-21-10
Location: Sweden
Posts: 463
iTrader: 0 / 0%
Quote:
Originally Posted by charliesheensays.com View Post
thanks for sharing this useful link. Some them are new to me and i dont understand why there are different tags for same job! what's the point of using <ins> tag when you can use <u> for the same result!
It's all about what HTML is for - semantics! <u> says nothing about what's between the tags, it's just presentational. <ins> on the other hand adds semantics, it's used for text that has been inserted into the text (and doesn't necessarily need to be presented in the default way). If you're making a change to a text, for example replacing a word with another but want the readers to be able to see what has been changed then you can use it in combination with del like this:
HTML Code:
The latest version of CSS is <del>2.1</del> <ins>3</ins>.
edit: reading the linked article again that's exactly what he's saying already, haha! Oh well, another example and my point about semantics still stand. <u> is presentational - it undelines. <ins> is semantic - it shows text that has been inserted. <ins> doesn't necessarily need to be underlined.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

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


Similar Threads
Thread Thread Starter Forum Replies Last Post
HTML in ALT and TITLE tags pakistanvoices SEO Forum 6 06-07-2010 07:51 PM
How many tags in HTML? aadesh Web Design Lobby 6 04-06-2010 04:34 AM
10 rare HTML Tag arvindsharma Web Design Lobby 3 07-02-2009 11:11 PM
SEO and HTML Tags KevinJB SEO Forum 27 08-12-2006 08:08 AM
HTML Tags and SEO Importance stuart SEO Forum 6 05-17-2004 01:14 PM


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


All times are GMT -7. The time now is 06:29 AM.
Powered by vBulletin
Copyright © 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2014 Escalate Media




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