HTML Undocumented Single Letter Tags -- Any Issues ???

[Frank-0-Video]

Greetings ....

For years, I've dabbled into some aspects of HTML coding and have become familiar with tags such as <a> <pre> <p> <DIV> <table>. I have have gained some light experience with Javascript and CSS coding.

Recently, I've developed an interest in HTML tags that are undocumented, particularly single-letter tags.

Case in point -- <t>

I have experimented with text displays using <t>. Here's a example ....

<t class="h8">Beethoven's 5th Symphony</t> -- Class "H8" is a personally created CSS code for 10 point bold black arial font.

The result produced is this .... Beethoven's 5th Symphony

The <t> tag seems to work in most browsers (Firefox, Opera, Chrome, MSIE) without any noticeable problems.

What's your take on this ???

[DB83]

Well since tags are lower-case I suspect that the browser simply ignores them.

Otherwise, as you state, it is the css that is really doing the work.

[Frank-0-Video]

Greetings ....

It is indeed a lower case <t> tag, yes! Thank you.

BTW -- alt and/or title can also be used, as follows ....

<t class="h8" alt="Beethoven 5th" title="Beethoven 5th">Beethoven's 5th Symphony</t>

[DB83]

Well I would need to see ALL your css before I was convinced.

Also any DIV that contains your code could also play a part.

But I am no expert. I also like to experiment. If it works then great. If it does not then I try something else.

[Frank-0-Video]

Greetings ...

Well I would need to see ALL your css before I was convinced.

My CSS Code would be the same as you would find in any reference source (online or book) dealing with CSS

What follows here is a sampler of HTML code using several single letter tags (g, j, t, x, y, z)

<div style="margin: 25px; text-align: justify;">
<t class="font3b">PGA Tour Money Charts Index</t>
<BR>
<li><g class="tab15 font2b">$2.00 to $3.99 million</g>
<BR>
<li><j class="tab15 font2b">$4.00 to $5.99 million</j>
<BR>
<li><x class="tab15 font2b">$6.00 to $7.99 million</x>
<BR>
<li><y class="tab15 font2b">$8.00 to $9.99 million</y>
<BR>
<li><z class="tab15 font2b">$10.00 to $20.00 million</z>
</div>

font3b = CSS code for Arial font, 12 pt, bold
font2b = CSS code for Arial font, 10 pt, bold
tab15 = CSS code for specific spacing {padding: 0 15px;}

[DB83]

Well it's your prerogative not to disclose your css code.

My take has not really changed. Your original post had an upper-case tag which, after my reply, you then changed to lower-case. I still believe that the critical element is the opening tag i.e. '<' which then passes control to css.

But even if you published the code for just one of the classes it may even help you to understand what is going on since others can then see.

[Frank-0-Video]

Greetings ....

OOPS! Didn't mean to say user-defined RE CSS code -- it is only the class labels that are made up by the user

As for the CSS code itself ....

 .tab15{
    padding: 0 15px;
   }

 .font3b { 
       font-size: 12pt;
       font-weight:bold;
       color:black;
//    CSS equivalent of HTML's <font size=3 color=black><B> 
       }

  .font2b { 
       font-size: 10pt;
       font-weight:bold;
       color:black;
//    CSS equivalent of HTML's <font size=2 color=black><B> 
       }

[DB83]

As you say, basic, simple css

'Undocumented' tag may be the wrong word here. 'Unsupported' may be more apt.

Read here:

http://zurb.com/forrst/posts/How_do_browsers_handle_unsupported_HTML_elements-Iw2

And the consenus is that a browser simply ignores the tag. Applies default mark-up. And in your case the 'magic' is done by css.