Creați, organizați și curățați codul HTML
Sfaturi SEO și sfaturi de la un consultant SEO independent
Cu mare plăcere mă găsesc astăzi aici pentru a vorbi despre HTML și despre ce trebuie să știm când începem.
În primul rând, aș dori să îi mulțumesc Alexandrei MARTIN alias Miss-SEO-Girl, pentru că m-a invitat cu amabilitate să împărtășesc cunoștințele mele tehnice pe acest blog și mai ales cu tine !
Pentru cei care nu mă cunosc (toată lumea cred: P), mă numesc Thomas CUBEL, am 22 de ani și sunt în prezent în proces de a deveni SEO. Acestea fiind spuse, am încă un background ca dezvoltator, de când m-am format ca webmaster timp de 3 ani.
Acum că sunt făcute prezentările, vă voi putea spune despre acest articol orientat mai mult spre tehnică.
Pentru a începe, vă vom prezenta câteva dintre punctele mai fine ale creării unui document HTML, apoi vom vedea cum să organizăm și să curățăm codul nostru. Acest lucru vă va permite să evitați erorile, să recitiți cu ușurință și să vă faceți codul practic și scalabil.
Acest articol este destinat în primul rând începătorilor în HTML, dar va satisface un număr mare de oameni însetați de informații noi despre acest subiect.
Creați-vă prima pagină
În primul rând, în această primă parte, vom acoperi crearea unui prim document HTML. Vom vedea ce instrumente să folosim, de ce este mai bine să ne dezvoltăm în HTML5 decât într-o altă versiune și cum ne putem pregăti pentru a produce cod de calitate.
Uneltele
Pentru a crea un document HTML, din punct de vedere tehnic tot ce aveți nevoie este un simplu bloc de note. Cu toate acestea, nu veți putea avea evidențierea sintaxei care vă colorează etichetele, atributele și multe altele. În plus, nu este foarte practic să te dezvolți pe blocnotes, deoarece nu are o mulțime de funcționalități în comparație cu alte instrumente orientate spre dezvoltare.
În locul notepad-ului, vă recomand prin urmare să alegeți mai întâi Notepad ++. Este un instrument de dezvoltare foarte ușor, care poate fi configurat oricum dorim și, în plus, este gratuit! Mai târziu, când aveți PHP sau alte limbi în credit, puteți trece la software-ul numit EDI (Integrated Development Environment), cum ar fi Netbeans, Eclipse sau Komodo. Din fericire, pentru HTML nu avem nevoie de acele „fabrici de gaze” care utilizează resurse astăzi pe computerul dvs.
Odată ce Notepad ++ este descărcat, instalat și pornit, utilitarul este în modul text. Aceasta înseamnă că orice scrieți va fi considerat conținut textual și nimic mai mult. Prin urmare, vă sugerez să treceți la modul HTML făcând clic pe Limbă-> HTML prin meniul principal.
De acolo, toate elementele dvs. vor beneficia de evidențierea sintaxei, iar Notepad ++ va considera conținutul dvs. ca HTML în mod implicit. Rețineți că aveți cele mai multe limbi disponibile de la A la Z și că vă va fi practic să editați fișiere variate și variate.
Apoi, pentru a evita problemele de codificare, vă sugerez să selectați UTF-8 (fără BOM) prin meniu Codificare-> Codificare în UTF-8 (fără BOM). Acest lucru va preveni probleme de compatibilitate, accente sau altele asemenea. UTF-8 este universal.
Acum că instrumentul nostru este configurat, vom aborda software-ul care interpretează codul nostru HTML: Browser-ul. Vă sugerez să instalați mai multe browsere pe computerul dvs., astfel încât să puteți testa codul pe diferite soluții. În ceea ce mă privește, am ales Mozilla Firefox ca browser principal, Internet Explorer și Google Chrome ca browsere de testare. De asemenea, puteți instala o extensie de tip Firebug care vă va ajuta să detectați erorile de cod.
După aceea, în mod normal, veți avea toate instrumentele esențiale pentru a vă dezvolta în HTML. Cu excepția poate uceniciei sale. În plus, vă ofer acum o scurtă prezentare a HTML5, astfel încât să vă puteți gândi să îl utilizați chiar acum.
HTML5? Un viitor reper ...
De la nașterea limbajului HTML în anii 90, multe versiuni au apărut. Etichete noi, noi modalități de dezvoltare și astăzi noi modalități de restaurare a structurilor site-urilor noastre folosind HTML5.
Într-adevăr, de la anunțul revizuirii HTML5 în 2007, webul jură pe acest limbaj încă în curs de dezvoltare.
De ce este HTML5 atât de popular? De ce suntem încurajați în mod constant să folosim acest limbaj? Care sunt misterele din spatele acestuia ?
Multe întrebări rămân printre noi, dar este sigur că în viitor, această versiune va marca modernizarea, web-ul semantic și alte caracteristici importante ale lumii web.