CSS Tutorials
Deprecated HTML Tags & Alternatives in CSS
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.
Loading ...
Post your comment