Deprecated HTML Tags & Alternatives in CSS
Click here for definition (W3C)
Deprecated - A deprecated element or attribute is one that has been outdated by newer constructs. Deprecated elements are defined in the reference manual in appropriate locations, but are clearly marked as deprecated. Deprecated elements may become obsolete in future versions of HTML.
Obsolete - An obsolete element or attribute is one for which there is no guarantee of support by a user agent. Obsolete elements are no longer defined in the specification, but are listed for historical purposes in the
changes section of the reference manual.
Which Tags are
deprecated or
obsolete? Here is a start. Feel free to add more & their solution as you find them.
TAG:
<
align=left|center|right|justify>
<
valign=middle|top|bottom>
Solution:
{text-align: left|center|right|justify ; }
or...
{width: 50%; margin-left: auto; margin-right: auto; }
or...
{margin: 2em 0em 2em 0em ; }
or...
{padding: 2em ; }
or...
{padding: 2em 0em 2em 0em ; }
_________________________________________
TAG:
In your BODY tag
<
bgcolor=color
text=#000000>
Solution:
body { font-size : 10px ; font-family : Arial, Helvetica, Verdana ; background-color: #000000; }
_________________________________________
TAG:
<
clear=none|left|right|all>
Solution:
BR { clear: left ; }
_________________________________________
TAG:
Although they are not all deprecated, their use is discouraged in favor of style sheets.
[b] ,
[i] ,
<u>
Solution:
[b] - { font-weight: bold ; }
[i] - { font-style: italic ; }
<u> - { text-decoration: underline ; }
_________________________________________
TAG:
<
font size="1"
color="#000000"
face="arial">
<
basefont>
Solution:
size - { font-size : 10px ; }
color - { color : #ffffff; }
face - { font-family: Arial, Helvetica, Verdana, sans-serif ; }
_________________________________________
TAG:
<
HR width="50%" align="center">
<
HR size="5" width="50%" align="center">
<
HR noshade size="5" width="50%" align="center">
Solution:
{ color: #000000 ;
background-color: #ffffff;
height: 5px ; }
note: Doesn't support in all browsers, see HERE for modifications.
_________________________________________
Will add more as I come to them.
-----------------------------------------
Click Here to discuss this Tutorial
.