7 najboljše HTML metode za začetnike

november 9, 2009, v kategorijo: Dreamweaver CS3

lesena okna : OKNA KLI Logatec : izdelava spletnih strani : zobozdravnik ljubljana : nanotehnologija

1. Vedno zapiraj tage

<li>Neki tekst.
<li>Nekaj drugega.
<li>Imaš boljšo idejo.

Kot vidimo UL / OL tag je bil izpuščen. Poleg tega nismo vrstice zaključili z LI oznake . Po vseh standardov, to je slaba praksa in moramo se izogniti 100%. Vedno, vedno morate zapreti svoje oznake. V nasprotnem primeru boste imeli velike probleme pri samem prikazu vsebine.

Boljša varijanta

<ul>
<li>Neki tekst. </li>
<li>Nekaj drugega. </li>
<li>Imaš boljšo idejo. </li>
</ul>

2. Uporabljajte pravilni DocType

“DOCTYPE vstavite pred html tag na vrhu strani in pove brskalniku, ali stran vsebuje HTML, XHTML, ali kombinacijo obeh, tako da lahko pravilno razlaga oznake.”

Večina izbirejo med štirimi različnimi doctypes pri ustvarjanje nove spletne strani.

<! DOCTYPE HTML PUBLIC “- / / W3C / / DTD HTML 4.01 / / EN” “http://www.w3.org/TR/html4/strict.dtd”>
<! DOCTYPE HTML PUBLIC “- / / W3C / / DTD HTML 4.01 Transitional / / EN” “http://www.w3.org/TR/html4/loose.dtd”>
<! DOCTYPE html PUBLIC “- / / W3C / / DTD XHTML 1.0 Transitional / / EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<! DOCTYPE html PUBLIC “- / / W3C / / DTD XHTML 1.0 Strict / / EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

Velika dilema je sedaj kateri DocType je najboljši. V enem trenutku, se je zdelo, da je najboljša praksa uporaba XHTML Strict različico.Vendar pa je po nekaterih raziskavah, se je pokazalo, da je večina brskalnikov niso to podpirali. Zaradi tega mnogi so se odločili za uporabo HTML 4.01 Strict namesto tega.

3. Zunajne CSS datoteke vnesemo v glavo dokumenta

Tehnično lahko postavite css povezolne kode kjerkoli želite.Vendar, specifikacija HTML priporoča, da se jih uvrsta v HEAD-u.Primarna korist je, da bodo vaše strani navidezno hitrejši.

<head>
<title>Angelontheweb.com – Angel Katarov</title>
<link rel=“stylesheet” type=“text/css” media=“screen” href=“path/to/file.css” />
<link rel=“stylesheet” type=“text/css” media=“screen” href=“path/to/drugfile.css” />
</head>

4. Nikoli ne uporabljajte Inline JavaScript!

Druga običajna praksa leto 1996 je bila, da se JS ukazov neposredno vnašajo kot oznake.To je bilo zelo pogosti pri vstvarjanje npr. galerije slik.V bistvu, “onclick” attribute je bil priložen tag.Danes pa, tudi vse več se uporablja jQuery, in njegova “klik” metode.

$(‘a#moreCornInfoLink’).click(function() {
alert(‘ANGELONTHEWEB.COM?’);
});

5. Uporabljajte h1-h6 tage

Prisrčno svetujem uporabo vseh šest taga. Če sem iskren, sem ponavadi uporabljal samo štirje, vendar delam na tem da se bom zboljšal ! Zaradi SEO razlogov še posebej priporočam uporaba vseh H6 tagov.

<h1>To je zelo, zelo pomembna stvar! </h1>
<h6>Angelontheweb.com – vaš IT blog. </h6>

6. Naučite se kako obvladovati IE

Boste gotovo postali jezni nad IE, na takšen ali drugačen način. Ko sem slišal o tem, kako eden od mojih prijateljev se bori s IE, samo sem se nasmehnil in pomislil, “Vem, kako se počutiš, kolega.”

Prvi korak, ko končate svojo primarno CSS datoteko, je, da ustvarite edinstven “ie.css” file.Nato lahko lahko vplivate posredno na IE z pomočjo naslednami kodami:

<!–[if lt IE 7]>
<link rel=“stylesheet” type=“text/css” media=“screen” href=“html/ie.css” />
<![endif]–>

Ta koda pravi: “Če uporabnik uporablja Internet Explorer 6 ali manj, uvoz ta stili. Sicer pa nič.” Če potrebujete nadomestilo za IE7, kot tudi, preprosto nadomestiti “lt” s “LTE” (less than or equal to).