Hozzon létre, rendezzen és tisztítson meg HTML kódot
SEO tippek és tanácsok független SEO tanácsadótól
Nagy örömmel találom magam itt, hogy ma beszélhetek Önökkel a HTML-ről és arról, hogy mit kell tudnunk, amikor még csak most kezdünk.
Először is szeretnék köszönetet mondani Alexandra MARTIN alias Miss-SEO-Girl néven, amiért kedvesen meghívott, hogy osszam meg technikai ismereteimet ezen a blogon, és különösen veletek !
Azok számára, akik nem ismernek (mindenki, akire gondolok: P), a nevem Thomas CUBEL, 22 éves vagyok, és jelenleg SEO-vá válok. Ez azt jelenti, hogy még mindig van hátterem fejlesztőként, mivel 3 évig webmesterként tanultam.
Most, hogy elkészültek az előadások, tudok mesélni erről a cikkről, amely inkább a technika irányába mutat.
A kezdéshez áttekintjük a HTML-dokumentum létrehozásának néhány finomabb pontját, majd meglátjuk, hogyan kell rendezni és tisztítani a kódunkat. Ez lehetővé teszi, hogy elkerülje a hibákat, könnyen átolvashassa és praktikussá és méretezhetővé tegye a kódot.
Ez a cikk elsősorban HTML kezdőknek szól, de sok olyan embert elégít ki, aki szomjazik az új információkra a témában.
Készítse el első oldalát
Először, ebben az első részben az első HTML dokumentum létrehozásával foglalkozunk. Meglátjuk, milyen eszközöket kell használni, miért jobb fejleszteni a HTML5-ben, mint egy másik verzióban, és hogyan készülhetünk fel a minőségi kód előállítására.
Az eszközök
HTML dokumentum létrehozásához technikailag csak egy egyszerű jegyzettömbre van szüksége. A szintaxis kiemelése azonban nem fogja lehetővé tenni a címkék, az attribútumok és egyebek színezését. Ezen túlmenően nem igazán praktikus a jegyzettömbön fejleszteni, mivel nem sok funkcionalitással rendelkezik a többi fejlesztésorientált eszközhöz képest.
A jegyzettömb helyett ezért azt javaslom, hogy először válassza a Jegyzettömb ++ lehetőséget. Ez egy nagyon könnyű fejlesztőeszköz, amely tetszés szerint konfigurálható, és mi több, ingyenes! Később, amikor PHP-vel vagy más nyelvekkel rendelkezik, váltson az EDI (Integrált Fejlesztési Környezet) nevű szoftverekre, mint például a Netbeans, az Eclipse vagy a Komodo. Szerencsére a HTML-hez ma nincs szükségünk a számítógép erőforrás-igényes "gázgyáraira".
Miután letöltötte, telepítette és elindította a Notepad ++ programot, a segédprogram szöveges módban van. Ez azt jelenti, hogy bármi, amit írsz, szöveges tartalomnak minősül, és semmi másnak. Ezért azt javaslom, hogy váltson HTML módra a gombra kattintva Nyelv-> HTML a főmenüben.
Innentől kezdve minden elemének hasznát veszi a szintaxis kiemelése, és a Notepad ++ alapértelmezés szerint HTML-nek tekinti a tartalmát. Ne feledje, hogy a legtöbb nyelv A-tól Z-ig elérhető, és praktikus lesz különféle és változatos fájlokat szerkesztenie.
Ezután a kódolási problémák elkerülése érdekében javaslom, hogy a menüből válassza az UTF-8 (BOM nélkül) lehetőséget Kódolás-> Kódolás UTF-8-ban (BOM nélkül). Ez megakadályozza a kompatibilitási problémákat, az ékezetes problémákat és hasonlókat. Az UTF-8 univerzális.
Most, hogy az eszközünk be van állítva, megoldjuk a HTML kódunkat értelmező szoftvert: a Navigátort. Javaslom, hogy telepítsen több böngészőt a számítógépére, hogy tesztelhesse kódját különböző megoldásokon. Ami engem illet, a Mozilla Firefoxot választottam elsődleges böngészőnek, az Internet Explorert és a Google Chrome-ot tesztböngészőnek. Telepíthet egy Firebug típusú kiterjesztést is, amely segít felismerni a kódhibákat.
Ezt követően általában rendelkezésére áll minden alapvető eszköz a HTML-ben történő fejlesztéshez. Kivéve talán a tanoncképzését. Ezenkívül kínálok nektek egy rövid bemutatót a HTML5-ről, hogy elgondolkodhasson a mostani használatán.
HTML5? Egy jövőbeli referenciaérték ...
A HTML nyelv 90-es évekbeli születése óta számos változás jelent meg a verziók felett. Új címkék, új fejlesztési módszerek és ma új módszerek a HTML5 használatával a webhelyeink struktúrájának helyreállítására.
A HTML5 felülvizsgálatának 2007-es bejelentése óta az internet esküszik erre a nyelvre, amely ma is fejlesztés alatt áll.
Miért olyan népszerű a HTML5? Miért ösztönöznek minket folyamatosan ennek a nyelvnek a használatára? Milyen rejtélyek vannak ennek mögött ?
Sok kérdés marad közöttünk, de az biztos, hogy a jövőben ez a verzió fogja megjelölni a modernizációt, a szemantikus webet és a webvilág egyéb fontos jellemzőit.