HTML apzīmē hipertekstu iezīmēšanas valodu. Tā sastāv no komandām un atslēgvārdiem, ko tīmekļa vietņu dizaineri izmanto mājaslapu veidošanai.

Hiperteksts ir teksts ar saitēm, uz kurām lasītājs var viegli noklikšķināt, lai pārietu uz citu lapas daļu vai citu lapu. Turklāt iezīmēšanas valodā tiek izmantots vienkāršs teksts vai tagi ar unikālām atzīmēm, lai definētu lapas sadaļu, piemēram, zemsvītras un virsrakstus, un citus elementus, tostarp arī attēlus.

HTML tiek uzskatīts par vienu no 3 būtiskākajiem rīkiem tīmekļa vietnes lapas izveidē: HTML nosaka struktūru jeb veidu, kā vietnē tiks attēloti attēli, teksts un citi elementi. CSS (kaskādes stila lapas) nosaka šo elementu vizuālās īpašības, piemēram, izkārtojumu, formātu un krāsas. Savukārt Javascript nodrošina šo elementu darbību noteiktos veidos atkarībā no lietotāja darbības. Piemēram, priekšējā teksta izmērs var palielināties, kad lietotājs uz lapas uzved peli vai noklikšķina uz pogas.

Lai rakstītu HTML, Tev būs nepieciešams teksta redaktors, piemēram, Atom, Brackets, sublimetext, Notepad, Notepad++, dreamviewer utml. HTML redaktori nodrošina, ka kodēšana ir darba kārtībā un tīra. Tie palīdz samazināt kļūdu skaitu, mehāniski ievietojot tagus vai veicot atkļūdošanu.

HTML vēsture.

Sākotnējo HTML valodas versiju 1993. gadā sarakstīja Tims Berners-Lī. Tomēr ir daudz dažādu HTML versiju. Visplašāk izmantotā versija ir 2000 HTML 4.01, kas par oficiālu standartu kļuva 1999. gada decembrī.

Cits izdevums - XHTML - bija HTML pārrakstīšana XML valodā. XML ir standarta iezīmēšanas valoda, ko izmanto citu iezīmēšanas valodu veidošanai. Mūsdienās tiek izmantotas gandrīz 100 XML valodas, tostarp Math ML, GML (Geography Markup Language), RSS (Really Simple Syndication) un MusicML. Tā kā katra no šīm valodām ir rakstīta vispārējā valodā (XML), to saturu var vienkārši kopīgot dažādās lietojumprogrammās. Tas padara XML potenciāli ļoti spēcīgu, un nav nekāds pārsteigums, ka W3C izveidoja HTML XML versiju (pazīstamu kā XHTML). XHTML kļuva par oficiālu standartu 2000. gadā, un 2002. gadā tas tika uzlabots. XHTML ir ļoti līdzīgs HTML, taču tam ir stingri noteikumi - tie ir nepieciešami visām XML valodām, jo bez tiem nebūtu iespējama lietojumprogrammu savietojamība.  

Lielākā daļa vietnes lapu šodien ir veidotas, izmantojot XHTML 1.0 vai HTML 4.01. HTML5 joprojām ir specifikācijas projekts un vēl nav oficiāls standarts. Tomēr pārlūkprogrammas un citi tīmekļa vietnes atbalstoši rīki to jau lielā mērā atbalsta, un tas ir nākotnes ceļš.

‍HTML vs XML.

Atšķirībā no HTML, paplašināmā marķēšanas valoda jeb XML ļauj lietotājiem pašiem definēt savu marķējumu. Piemēram, izmantojot XML, viens lietotājs var izvēlēties apzīmēt zemsvītras piezīmi ar tagu <footnote>, bet cits lietotājs var izvēlēties <fn>. Lietojot HTML, var izmantot tikai vienu iepriekš noteiktu tagu, lai apzīmētu konkrētu informācijas veidu. XML dokumenti ir paredzēti, lai tos būtu vienkārši lasīt, jo tajos ir lietotāja definētas atzīmes un dokumenti sastāv tikai no atzīmes un satura.

‍Kāpēc mācīties HTML?

Sākotnēji HTML tika izstrādāts ar mērķi definēt dokumentu struktūru, piemēram, rindkopas, virsrakstus, sarakstus u. c., lai atvieglotu zinātnisko datu apmaiņu starp pētniekiem. Tagad HTML lielā mērā tiek izmantots tīmekļa vietņu lapu formatēšanai, izmantojot dažādus HTML valodas tagus.

HTML ir obligāta prasme studentiem un strādājošiem speciālistiem, lai kļūtu par lieliskiem programmatūras inženieriem, galvenokārt, ja viņi strādā tīmekļa vietņu izstrādes jomā. Šeit ir dažas no HTML apguves lielajām priekšrocībām:

• ‍Izveidot vietni - ja labi pārzini HTML, vari izveidot vietni vai pielāgot esošo vietnes veidni.
• ‍Kļūt par tīmekļa vietņu dizaineri - ja vēlies uzsākt tīmekļa vietņu dizainera karjeru, HTML un CSS ir obligāta prasme.
• ‍Izpratne par mājaslapu - ja vēlies optimizēt vietni tās ātruma un veiktspējas uzlabošanai un iegūt vislabākos rezultātus, nepieciešams pārzināt HTML.
• ‍Citu valodu apguve - tiklīdz apgūsi HTML pamatus, citas saistītās tehnoloģijas, piemēram, php, javascript vai angular, kļūs viegli saprotamas.

Kas veido HTML dokumentu?

Sākotnējās HTML dokumentu sastāvdaļas ir elementi un tagi. Tie norāda pārlūkprogrammai, kā parādīt saturu. Tags sākas, piemēram ar <html> un beidzas ar </html> zīmēm. Burti starp tām tiek saukti par elementu saturu.

HTML lapas vispārējo struktūru veido šādi elementi:

Dokumenta tipa deklarācija (DTD)
‍<! DOCTYPE html> parādās HTML dokumenta sākumā vai pašā sākumā. Tā norāda pārlūkprogrammai, kāds HTML izdevums tika izmantots lapas izveidē.

HTML saknes elements.
‍<html>, kas ir rakstīts zem DTD, darbojas kā galvenais konteiners, kas ietver visus pārējos elementus. Tas var norādīt HTML valodas dokumentu. Piemēram, <html lang="en-US"> nozīmē, ka lapa ir rakstīta amerikāņu angļu valodā.

‍Head.‍

<head>, kas atrodas starp <body> un <html>, satur metadatus, kuri apraksta detalizētu informāciju par lapu. Tām ir:

<title> jeb pilns tīmekļa vietnes lapas temats, tas ir atdalīts no virsraksta tagiem, kas parādās galvenē, bet tam ir jāsakrīt ar virsraksta tagiem, kas parādās ķermenī.

<style> nosaka, kā elementiem jāparādās pārlūkprogrammā. Tas satur virsraksta krāsu, ķermeņa fona krāsu, teksta izlīdzināšanu utt.

<link> norāda uz resursiem (t. i., citu tīmekļa vietnes lapu vai ārējo stila lapu), kas pievienoti HTML lapai.

<Meta> satur autoru, atslēgvārdus un lapas aprakstu.

<base> norāda uz noklusējuma URL.

‍

‍Body.‍

<body> ir galvenā dokumenta daļa, kas satur informāciju, kuru pārlūkprogramma parāda displejā. Tā var saturēt:

Galveni, vietnes logotipu, virsrakstu, meklēšanas joslu un navigāciju.

Dokumenta pamatdaļa ietver virsrakstu vai raksta virsrakstu, publicētos datus, raksta saturu, autoru utt.

Sānu joslās ir redzami logrīki un sekundārā navigācija, piemēram, arhīvi pēc datuma vai kategorijas.

 Kajēne nodrošina kontaktinformāciju, autortiesības, sociālās saites un terciāro navigāciju.

‍Parasti izmantotie HTML tagi.

HTML tagi nosaka pilnu lapas struktūru un to, kā pārlūkprogrammā tiks parādīti tajos ietvertie elementi. Parasti lietotās HTML tagi ietver:

 <h1>, kas parāda augstākā līmeņa virsrakstu.

<h2>, kas parāda otrā līmeņa virsrakstu.

<P>, kas parāda rindkopu.

<ol>, kas parāda sakārtotu informācijas sarakstu.

 <Table>, kas parāda tabulas datus.

 <ul>, kas norāda uz nesakārtotu informācijas sarakstu.

Kā jau minēts, ap paplašināto saturu ir noslēguma un sākuma tagi. Atvēršanas tags izskatās šādi: <p>. Noslēdzošā tagā ir tas pats, taču tajā ir iekļauta arī slīpsvītra, kas norāda, ka tas ir attiecīgās HTML daļas beigas. Noslēdzošais tags izskatās šādi: </p>.

‍Tagu atribūti.

Atribūti ļauj pielāgot tagu, un tie tiek definēti, piemēram, atverošajā tagā: <img src="image1.jpg"> vai <p align="center"> ... </p>

Atribūtiem parasti tiek piedāvāta vērtība, izmantojot vienādības zīmi, piemēram, width="50%" vai border="0", taču ir atribūti, kas vienkārši jādeklarē tagā, piemēram, šādi: <hr noshade>.

Lielākajai daļai tagu atribūti nav obligāti, un tos izmanto tikai tad, ja vēlies aizstāt kaut ko, kas attiecas uz noklusējuma veidu, kādā pārlūkprogramma rāda tagu. Tomēr dažiem tagiem, piemēram, <img>, ir vajadzīgi tādi atribūti kā alt un src, kas nodrošina, lai pārlūkprogramma pareizi parādītu vietnes lapu.

‍HTML lietojums.

Tālāk ir dotas sadaļas, kurās lielā mērā ir lieliski izmantots HTML. Zemāk ir uzskaitīti galvenie HTML valodas lietojumi.

‍Tīmekļa vietnes dokumentu izveide.

Dokumentu veidošanā tiešsaistes pasaulē dominē HTML, izmantojot tagus un DOM, t.i., dokumenta objektu modeli. HTML tagus pievieno pirms un pēc frāzes, lai noteiktu to formātu un vietu lapā. Tīmekļa vietnes dokuments sastāv no 3 sadaļām: virsraksta, galvas un ķermeņa.  Head satur informāciju, kas norāda uz dokumentu, tostarp virsrakstu un citus svarīgus atslēgvārdus. Virsrakstu var redzēt pārlūkprogrammas joslā, un ķermeņa zona ir galvenā vietnes daļa, kas redzama skatītājam. Visus trīs segmentus veido, izmantojot HTML tagus.

‍Tīmekļa vietnes lapu izstrāde.

HTML lielākoties tiek izmantots, lai veidotu lapas, kas tiek rādītas WWW. Katrā lapā ir HTML tagu kopums, tostarp hipersaites, ko izmanto saitēm uz citām tīmekļa vietnes lapām. Katra lapa, ko mēs redzam globālajā tīmeklī, ir uzrakstīta, izmantojot HTML kodu.

‍Jaunākā funkcija.

HTML5 ar savu API un standartu kopumu spēj ieviest dažas no jaunajām tendencēm vietņu izveides biznesā. Tāds pārlūks kā Google Chrome ir labākā izvēle, kad runa ir par HTML5 jauno API un standartu kopuma ieviešanu. Ir pieejama JavaScript bibliotēka, kas pazīstama kā Modernizr, kura var noteikt specifikācijas, kas ļauj izstrādātājam dinamiski ielādēt nepieciešamās polyfill bibliotēkas.

‍Klienta puses krātuve.

Izmantojot HTML5, klienta puses krātuve ir iespējama, izmantojot IndexDB un localStorage. Šīm divām metodēm ir savas specifikācijas un standarti. LocalStorage pamatā nodrošina uz virknēm balstītu hash-table uzglabāšanu, API ir ļoti vienkāršs un nodrošina izstrādātājam getItem, setItem un removeItem metodes. No otras puses, IndexDB ir lielāka klienta puses datu krātuve un to var paplašināt ar lietotāja atļauju.

‍Reaģējoši attēli tīmekļa vietnes lapās.

HTML lietojumprogrammās elementārā līmenī var iestatīt vaicājumus, lai izmantotu attēlus, kas pēc būtības ir ļoti atsaucīgi. Izmantojot HTML atribūtu srcset elementu img un apvienojot to ar attēlu elementiem, izstrādātājs var pilnībā kontrolēt, kā lietotājs atveidos attēlu. Tagad, izmantojot elementu img, var ielādēt dažādu veidu attēlus ar izmēru atšķirībām. Noteikumus var vienkārši iestatīt, izmantojot attēlu elementu.

‍Spēļu izstrādes izmantošana.

Pirms HTML5 ieviešanas, sākuma spēļu izstrāde bija Silverlight un Flash izslēgta joma. Sine pārlūkprogrammas atbalsta jaunākās HTML5 funkcijas, tostarp vieglu un ātru Javascript dzinēju un CSS, lai radītu jaunu bagātīgu pieredzi. HTML5 var ļoti atvieglot spēļu izstrādi, kas agrāk bija Silverlight un Flash priekšrocība. Nav jāīsteno katra API specifikācija, bet var izmantot vispareizāko, vienlaikus atceļot pārējo specifikāciju.

‍Interneta navigācija.

Šis ir viens no būtiskākajiem HTML lietojumiem. Šī navigācija ir vienkārša, izmantojot hiperteksta ideju. Parasti tas ir teksts, kas norāda uz citu tekstu vai tīmekļa vietnes lapu, un, kad lietotājs uz tā noklikšķina, tiek pārvietots uz norādīto lapu vai tekstu. HTML lielākoties izmanto, lai tīmekļa vietnes lapās iestrādātu hipersaiti. Lietotājs var vienkārši pārvietoties pa tīmekļa vietnes lapām un arī starp vietnēm, kas atrodas dažādos serveros.

‍Datu ievades atbalsts ar HTML.

HTML5 standartu un API kopumu var izmantot, lai atbalstītu datu ievades līmeni darbā. Tā kā pārlūkprogrammās tiek ieviesti jaunie HTML5 standarti, izstrādātāji var vienkārši iekļaut tagus, norādot nepieciešamos laukus, datus, HTML, datu formātu tekstus utt. HTML5 ir ieviesti daudzi jaunākie atribūti, lai vadītu validāciju ekrānā, tastatūras un citu datu ievades pieredzi, lai galalietotājs varētu lieliski ievadīt datus.

Vietnes pilnveidošanai izmanto vietnes API.

HTML5 ietver tik daudz jaunu rīku un funkciju, kas agrāk bija tikai iztēle. Liels jauno API kopums attiecībā uz failu sistēmu, vilkšanu un nomešanu, ģeogrāfisko atrašanās vietu, klienta krātuvi, notikumu apstrādi u. c. ir funkcijas, kas padara HTML5 lietošanu vienkāršāku nekā jebkad agrāk. Lietojumprogrammu pieredzi var uzlabot, izmantojot tādas API kā FullScreen, Media Capture un Visiblity.

‍
‍Bezsaistes iespēju izmantošana.

Kad datus var saglabāt pārlūkprogrammā, izstrādātājs var izdomāt metodi, kā nodrošināt lietojumprogrammas darbību, kad lietotājs ir atvienots. Lietojumprogrammu kešatmiņa, kas ir atbildīga par bezsaistes spējām, sastāv no dažādām sastāvdaļām, tostarp tehnikām, kas veic atjaunināšanu, patiesa manifest faila un notikumiem. Izmantojot noteiktu īpašību HTML5, izstrādātājs var pārbaudīt, vai lietojumprogramma darbojas internetā vai ne. Izstrādātājs var arī norādīt tīmekļa vietņu lietojumprogrammas kešatmiņas manifest failā sīkāku informāciju, piemēram, kāda pārlūkprogramma pārvalda resursus lietošanai bezsaistē.

HTML plusi.

●      Liels pieejamo resursu daudzums.

●      Ir dabiski palaižams katrā pārlūkprogrammā.

●      Ļoti vienkārši apgūstams.

●      Ir konsekvents un tīrs pirmkods.

●      Bezmaksas lietošana un atvērtais pirmkods.

●      Var integrēt ar citām backend programmēšanas valodām, piemēram, PHP.

‍

HTML trūkumi.

●      Tam nav īpaši dinamiskas funkcionalitātes un to lielākoties izmanto statiskām tīmekļa vietņu lapām.

●      Visas daļas ir jāveido atsevišķi, pat, ja tajās tiek izmantoti līdzīgi elementi.

●      Pārlūkprogrammas uzvedība var būt neregulāra. Piemēram, vecākas pārlūkprogrammas var nebūt saderīgas ar jaunākajām specifikācijām.

‍Biežāk uzdotie jautājumi.

Vai HTML ir programmēšanas valoda?

Nē. HTML nav programmēšanas valoda, tā ir iezīmēšanas valoda.

Kādi failu paplašinājumi tiek izmantoti HTML lietojumā?

HTML failiem izmanto .html vai .htm paplašinājumu. Vecākās Windows versijas atļauj tikai 3 burtu failu paplašinājumus, tāpēc tajās tika izmantots .htm. Katrā ziņā abiem failu paplašinājumiem ir vienāda nozīme, un mūsdienās var izmantot jebkuru no tiem. Mēs iesakām pieturēties pie vienas nosaukšanas konvencijas, jo daži vietņu serveri var dot priekšroku vienam paplašinājumam, nevis otram.

‍

‍Vai man visu laiku jābūt tiešsaistē?

Nē, Tu vari izveidot pilnu vietni bezsaistē, saglabājot to visu savā personīgajā datorā, un pēc tam vienkārši pārvietot visus failus uz vietni. Pēc tam, kad Tev ir pieejams jauns saturs, Tu to vienkārši pievieno esošajai tīmekļa vietnes interneta versijai. Tas ir patiešām pavisam vienkārši.

‍
‍Vai ir kaut kas tāds, ko HTML nespēj izpildīt?

Noteikti, bet, kopš vietņu veidošana kļūst arvien slavenāka un pieaug vajadzības, ir radītas daudzas citas palīgvalodas, kas ļauj radīt jaunas lietas.

Kaskādes stilu lapas tiek izmantotas, lai pārvaldītu, kā lapas tiek attēlotas, un padarītu tās pieejamākas. Pamata unikālus efektus un mijiedarbību nodrošina JavaScript, kas ietver daudz iespēju vispārīgajam HTML. Lielākā daļa no jaunākajām lietām ir paredzēta vēlākai attīstībai, taču, izmantojot visas šīs tehnoloģijas kopā, Tavā rīcībā ir daudz iespēju.

‍Kas ir semantiskais HTML?

Semantiskais HTML nozīmē, ka HTML tagi atspoguļo to, kam tie tiek izmantoti.

Semantika ir bijusi neatņemama HTML sastāvdaļa jau kopš tā pirmsākumiem 90. gadu sākumā. Taču tā nekad nav ieguvusi īpašu nozīmi līdz 90. gadu beigām, kad lielākajā daļā pārlūkprogrammu sāka darboties CSS.

Izmantojot semantisko HTML, semantiski neitrālie tagi, piemēram, <div> un <span>, tiek noraidīti, jo semantiski vairāk aprakstošie tagi, piemēram, <header>, <nav>, <main>, <section>, <footer> un <article>, var darīt to pašu.

Ievērojama semantisko tagu izmantošanas priekšrocība ir tā, ka tīmekļa pārlūki var viegli indeksēt tīmekļa lapu vai vietni, tādējādi uzlabojot SEO.

Turklāt tīmekļa vietne, kurā tiek izmantota semantika, kļūst informatīvāka, pielāgojamāka un pieejamāka tiem, kuri tīmekļa vietņu apmeklēšanai izmanto ekrānlasītājus.

‍Nobeigums

HTML ir galvenā iezīmēšanas valoda, kas atrodama tiešsaistes vidē. Katrā HTML lapā ir virkne elementu, kas veido tīmekļa vietnes lapas vai lietotnes satura struktūru.

HTML ir iesācējiem draudzīga valoda ar plašu atbalsta klāstu, un to lielākoties izmanto statiskām vietņu lapām. HTML lieliski darbojas kopā ar CSS stila veidošanai un JavaScript funkcijām.