Internet Explorer nie potrafi poprawnie wyświetlić tej strony. Kliknij tutaj, aby dowiedzieć się więcej...

Znaczniki i atrybuty zdeprecjonowane

Znaczniki zdeprecjonowane

  • Applet - aplet. Należy zastąpić go znacznikiem <object>
  • Basefont - czcionka bazowa (domyślna). Zamiast niego nalezy nadac wybrane elementy znacznikowi <body>

    Na przykład:

    body { font-size: 15px; color: #000; font-family: arial; }
  • Center - wyśrodkowanie. Aby wyśrodkowac tekst w danym znaczniku, nalezy nadac mu w CSS:
    text-align: cener;

    Na przykład:

    <p style="text-align: cener;">
  • Dir- wielokolumnowy spis zawartości. Nalezy zastąpić go znacznikiem <ul>
  • Font - element czcionki. Został zastąpiony znacznikiem <span>
  • Isindex - jednoliniowe pole tekstowe. Należy zastąpić go znacznikiem <input>
  • Menu - spis elementów menu. Nalezy zastąpić go znacznikiem <ul>
  • S, Strike - przekreślenie. Aby uzuskać taki sam efekt należy danemu elementowi nadać w CSS atrybuty:
    text-decoration: line-through;

    Na przykład:

    <span style="text-decoration: line-through;">
  • U - podkreślenie. Aby uzuskać taki sam efekt należy danemu elementowi nadać w CSS atrybuty:
    text-decoration: underline;

    Na przykład:

    <span style="text-decoration: underline;">

Atrybuty zdeprecjonowane

  • align - wyrównanie tekstu. Zamiast tego nalezy danemu elementowi nadac w wartości CSS:
    text-align: wyrównanie
  • alink - kolor aktywnych odsyłaczy. Zamiast tego należy elementowi A nadać w pseudoklasę CSS:
    a:hover {color: kolor}
  • background - tło obrazkowe. Zamiast tego należy danemu elementowi nadać w wartości CSS:
    background-image: url('adres obrazka')
  • bgcolor - kolor tła. Zamiast tego nalezy danemu elementowi nadac w wartości CSS:
    background-color: kolor
  • border - szereokośc obramowania. Zamiast tego nalezy danemu elementowi nadać w wartości CSS:
    border-width: szerokośc
  • clear - określa, gdzie powinna się pojawić nowa linia. Brak zastąpienia w CSS
  • code - plik klasy apletu. Brak zastąpienia w CSS.
  • color - kolor tekstu. Zamiast tego należy danemu elementowi nadać w wartości CSS:
    color: numer/nazwa koloru
  • compact - redukuje odstępy pomiędzy pozycjami. Brak zastąpienia w CSS.
  • face - styl czcionki. Zamiast niego należy danemu elementowi nadać w wartości CSS:
    font-family: nazwa stylu
  • height - wysokośc. Zamiast niego należy danemu elementowi nadać w wartości CSS:
    height: wysokość
  • hspace - poziomy odstęp. Zamiast niego należy danemu elementowi nadać w wartości CSS:
    margin-left: odstęp od lewej; margin-right: odstęp od prawej;
  • language - predefiniowana nazwa języka skryptowego. Brak zastąpienia w CSS.
  • link - kolor odsyłaczy. Zamiast tego należy elementowi A nadac w CSS:
    a {color: kolor}
  • noshade - pozioma linia pozbawiona cienia. Brak zastąpienia w CSS.
  • nowrap - blokada zawijania tekstu. Brak zastąpienia w CSS.
  • object - plik zasobów. Brak zastąpienia w CSS.
  • prompt - tekst zachęty. Brak zastąpienia w CSS.
  • size - wielkość czcionki. Zamiast niego należy danemu elementowi nadać w wartości CSS:
    font-size: wielkość
  • start - liczba początkowa. Brak zastąpienia w CSS.
  • text (BODY) - kolor teksty dokumentu. Zamiast niego należy elementowi BODY nadać w wartości CSS:
    body {color: numer/nazwa koloru}
  • type (OL, UL, DL) - styl wykazu. Zamiast niego należy elementowi OL, UL lub DL nadać w wartości CSS:
    list-style-type: typ
  • version - wersja HTML. Nalezy uzywac deklaracji Doctype na początku dokumentu. Więcej w dziale Porady HTML.
  • vlink - kolor odwiedzonych odsyłaczy. Zamiast tego należy elementowi A nadać w pseudoklasę CSS:
    a:visited {color: kolor}
  • vspace - pionowy odstęp. Zamiast niego należy danemu elementowi nadać w wartości CSS:
    margin-top: odstęp od góry; margin-bottom: odstęp od dołu;

Blokada Anty-Zdeprecjonowanym

Blokada Anty-Zdeprecjonowanym to mój pomysl na to jak odzwyczaić się od używania znaczników zdeprecjonowanych. Polega ona na tym że w arkuszu styów CSS wpisujemy kod podany poniżej. Po wpisaniu tego kodu, jeśli dokument (X)HTML ma odniesienie do arkusza, to nie będą działały w nim choć niektóre znaczniki zdeprecjonowane - te które da się zablokowac używając CSS. A oto kod, który trzeba wkleić do swojego arkusza stylów:

i {
	font-style: normal;
}
u, s, strike {
	text-decoration: none;
}
center {
	text-align: left;
}
applet, dir, isindex, menu {
	display: none
}

Kod ten działa tak, że gdy wpiszemy w kodzie znacznik <i>, zamiast pochylonego tekstu wyświetli nam się zwykły, tak jakbyśmy w ogóle nie użyli. Podobnie w przypadku <u>, <s> i <strike>. Natomiast jeśli użyjemy <applet>, <dir>, <isindex> lub <menu> nie zobaczymy nic.

Zastąpienie zdeprecjonowanych znaczników

No dobra - powie ktoś. Ale teraz jak chcę na przykłąd pochylić tekst, to muszę wpisywac styl w każdym znaczniku osobno. To ja już wole mieć znaczniki zdeprecjonwoane.

Nie, wcale nie. Wystarczy że do swojego arkusza stylów wkleisz ten kod:

.i {
	font-style: italic;
}
.u {
	text-decoration: underline;
}
.s, .strike {
	text-decoration: line-trought;
}

Teraz, gdy będziesz chciał na przykład pochylić tekst wystarczy wpisać:

<znacznik class="i">...<znacznik>

Tak samo w przy u, s i strike. Po prostu wystarczy zmienić litekrę w atrubucie class.

Blokada Anty-Zdeprecjonowanym Atrybutom

Blokada Anty-Zdeprecjonowanym Atrybutom działa podobnie do Blokada Anty-Zdeprecjonowanym Znacznikom, ale - jak sama nazwa wskazuje, dotyczy nie zdeprecjonowanych znaczników (takich jak <u> czy <strike>) ale atrybutów (takich jak <bgcolor> czy <face>).

Tak więc, aby zablokowac zdeprecjonowane znaczniki, do arkusza stylów dodajemy nastepujący kod:

*[align] {
	text-align: left;
}
*[alink]:active {
	color: #000;
}
*[background] {
	background-image: none
}
*[bgcolor] {
	background-color: none;
}
*[border] {
	border-width: 0;
}
*[color] {
	color: #000;
}
*[face] {
	font-family: Times New Roman;
}
*[height] {
	height: 0px;
}
*[hspace] {
	margin-left: 0;
	margin-right: 0;
}
*[link]:link {
	color: #000;
}
*[size] {
	font-size: normal;
}
*[text] {
	color: #000;
}
ul[type], li[type] {
	list-style-type: disc
}
ol[type] {
	list-style-type: decimal;
}
*[vlink]:visited {
	color: #000;
}
*[vspace] {
	margin-top: 0;
	margin-bottom: 0;
}
*[width] {
	width: 0px;
}

Tutaj, tak samo jak w przypadku znaczników, nie wszystkie atrybuto mają swoje zastosowanie w CSS. Tak więc nie wszystkie atrybuty mogą być zablokowane przez CSS

.

Jako kolor domyślny tekstu przyjąłem czarny (#000),a tła biały (#fff). Jeśli jednak na swojej stronie uzywasz innego koloru tekstu / tła, zmień kolory w kodzie podanym przeze mnie według swoich potrzeb.

© Copyright by Drzamich 2007.