Mainfram Reality

I’ve been doing quite a lot of web and interface design over the last few weeks. I still code HTML and CSS by hand and find tools like Dreamweaver get in my way and don’t really fit ASP.NET or Ruby on Rails. I develop Ruby on Rails using Gedit and ASP.NET using the Microsoft Visual Studio. Gedit is a text editor and Microsoft Visual Studio is retarded when in comes to HTML design.

Anyway I digress… below are some underutilized and a few new HTML tags. Please be careful when using these because some don’t work in all the browsers and I am way to lazy to tell you which work with what browser.

<abbr> and <acronym>

1. <abbr title="National Aeronautics and Space Administration">NASA</abbr> is an <acronym title="United States of America">USA</acronym> agency.

OUTPUT

NASA is an USA agency.

<del> and <ins>

1. <del>This text is deleted</del>, <ins>while this text is inserted</ins>

OUTPUT

This text is deleted, while this text is inserted

<q>, <cite> and <dfn>

1. <q>I want to <q>quote</q> the quote</q>
2. <cite>This is a cited reference source</cite>
3. <dfn>Some nice definition</dfn>

OUTPUT

I want to quote the quote
This is a cited reference source
Some nice definition

<optgroup>

1. <select>
2.   <optgroup label="Numbers">
3.     <option>One</option>
4.     <option>Two</option>
5.     <option>Three</option>
6.   <optgroup label="Letters">
7.     <option>A</option>
8.     <option>B</option>
9.     <option>C</option>
10.   </optgroup>
11. </select>

OUTPUT

OneTwoThreeABC

<code>, <samp>, <kbd>, <tt>, <var> and <xmp>

1. <code>This is some code text</code>
2. <samp>This is a sample</samp>
3. <kbd>Example of keyboard input</kbd>
4. <tt>Some teletype text</tt>
5. <var>declare a nice variable</var>
6. <xmp>Show some html tag like <p>paragraph</p></xmp>

OUTPUT

This is some code text
This is a sample
Example of keyboard input
Some teletype text
declare a nice variable

Show some html tag like <p>paragraph</p> <p>