unir HTML tagi, kas HTML elementos definē elementus.
HTML (Hiperteksta iezīmēšanas valoda) ir strukturēta kods izmanto, lai izveidotu un parādītu Web lapas, kuras mēs katru dienu apmeklējam tiešsaistē, izmantojot jebkuru ierīci.
Citas tehnoloģijas un programmēšanas valodas var integrēt HTML, lai nodrošinātu dinamiskas un uzlabotas vietnes funkcijas.
Hiperteksta iezīmēšanas valoda (HTML) ir plaši izmantota iezīmēšanas valoda, kas attiecas uz tīmekļa pārlūkprogrammā redzamo tīmekļa lapu struktūru un kodu.
HTML ir teksta fails, kurā tiek izmantots noteikts kods (sintakse), lai noteiktu lapas stilu, saturu, izkārtojumu un formātu. The Atzīmes termins norāda, ka teksts / kods tiek gatavots apstrādei un prezentācijai, t.i., tīmekļa lapā, tīmekļa pārlūkprogrammā.
Pasaules tīmekļa konsorcijs (W3C) [i] atzīst HTML kā oficiālu iezīmēšanas valodu tīmekļa lapu izstrādē, un tāpēc HTML atbalsta lielākā daļa pārlūkprogrammu. Tātad tīmekļa lapas var izstrādāt atzītā valodā, dažādas pārlūkprogrammas to viegli interpretējot, lai padarītu lapu par dizainera iecerēto.
Pašreizējā joprojām izmantotā versija ir HTML4, taču tā pamazām tiek pārtraukta, jo HTML5 iegūst lielāku atbalstu un pieņemšanu dinamiskām un atsaucīgām tīmekļa lapām.
Atsaucība kļūst par pamatelementu tīmekļa izstrādē, lai nodrošinātu vieglāku un dinamiskāku lietotāja pieredzi, kas ir jāpielāgo vairākām ierīcēm, piemēram, viedtālruņiem, planšetdatoriem un klēpjdatoriem.
Kaskādes stila lapas (CSS) kļūst par neatņemamu sastāvdaļu dinamisku un atsaucīgu lapu veidošanā. Tas ir atsevišķs fails, kas nosaka katra elementa atribūtus, piemēram, fontu, krāsu, līdzinājumu, tāpēc izstrādātājam nav jānorāda elementa stils katru reizi, kad tas tiek izmantots HTML kodā.
Uz gūt stabilā, mērķtiecīgā un vizuāli pievilcīgā tīmekļa satura nodrošināšanā vissvarīgākais ir jebkuras izstrādes valodas ievērošana, standarta failu struktūras ievērošana un vislabākās sintakses izmantošana.
HTML lapai ir struktūra, ko nosaka elementi (saukti arī par tagiem). Rakstot HTML kodu, šie elementi tiek parādīti pa pāriem - tas nozīmē, ka katram tagam ir nepieciešama atvēršana un aizvēršana. Sākums un beigas.
Elements tiek atvērts ar sintaksi: un aizvērts ar . The / slīpa līnija norāda šī elementa definīcijas beigas.
Starp šiem diviem punktiem ir definēti elementa atribūti un saturs.
The minimālie elementi HTML failam nepieciešamas definīcija,, (tikai HTML4) un tagi.
Definīcija (DTD) vispirms ir jādeklarē kā pirmais tags HTML failā, tāpēc, apstrādājot lapu, tīmekļa pārlūkprogramma zina, kāda veida fails tas ir, un tāpēc var pareizi interpretēt un parādīt lapu.
HTML4 versijā ir DTD variācijas (atkarībā no lapas atribūtiem un elementiem), bet tipiskākie apgalvojumi būtu iekļauti šādi:
vai
HTML5 DTD ir daudz vienkāršāks:
HTML elementi
HTML5 ir izstrādājis jaunus elementus izstrādes un noformēšanas ērtībai, kā arī ir noņēmis HTML4 izmantotos elementus. HTML4 un HTML5 atšķirību sarakstu publicē World Wide Web Consortium (W3C) [Ii] .
Kopā ar uzlabojumiem un jauniem elementiem, apvienojumā ar CSS sasniegumiem, dažus elementus var izmantot dažādos, labākos veidos nekā iepriekš, un tīmekļa lapas kļūst ātrākas, bagātīgākas un skaistākas, lai skatītos! ar CSS, ko lieto kopā ar HTML5, var aizstāt dažus pārāk izmantotus elementus, piemēram,.
Atzīme ir populāra, atdalot lapas saturu. Veidojot šo elementu, tas automātiski ievieto pārtraukumu
saglabāt tekstu vai saturu kopā, nevis turpināt tekstu visā lapā.
Ar vietņu pieejamību un meklētājprogrammu optimizāciju metodes kļūst diezgan zinātne un WC3 iesaka ne vienmēr atgriezties pie HTML5 izmantošanas.
Kā piemēru kārtīgi strukturētam, bet vienkāršam emuāra formātam, apsveriet jaunos HTML5 elementus ar CSS, nevis izmantojiet elementu; izmantojiet elementu galvenajam saturam, elementu, lai izceltu vai atdalītu jebkuru lapas saturu, galveni vai kājeni (jebkur!), un elementu var izmantot, lai turētu izvēlni vai grupas saites, lai pārlūkotu no lapas.
Šie jaunie elementi viegli identificē satura tipu, izmantojot HTML5. Tomēr tagu izmanto arī CSS, lai izveidotu atsaucīgas vietnes.
Izveidojot katru elementu (ar savu ID vai klasi), CSS failu var definēt, lai manipulētu ar katru elementu.
Zemāk esošajā HTML piemērā parādīts vairāku elementu izmantošanas piemērs:
Mani piemēri
Elementiem var būt dažādi atribūti, īpaši atšķirīgi izmēri reaģējošai mijiedarbībai atkarībā no izmantotās ierīces ekrāna izmēra.
Šeit ir piemērs tam, kā katru elementu var veidot HTML atbilstošajā CSS failā - atsaucoties uz katru tagu.
#Header {
platums: 800px;
augstums: auto
atstarpe pa kreisi: automātiska;
atstarpe pa kreisi: automātiska;
}
#Featured {
augstums: 150 pikseļi;
Fona krāsa: #CCC;
}
Theelements ir iekļauts elements un nesadalās līnijās, ja vien pārtraukums
tiek izmantots tags un definētais teksts (saturs) starpatveriet unaizvēršanas tagi tiek parādīti kā līnija (pēc noklusējuma neizmantojot citus elementus).
Iekļautie elementi ir teksta elementi HTML failā, un tos var definēt cita elementa rindā.
Kāelementam nav nozīme optimālai atsaucei. Tas būtībā parāda elementa saturu tādu, kāds tas ir, bet visugadījumus var definēt CSS stilam, ja tie ir pareizi marķēti un bagātināti ar citiem atribūtiem vai tiek manipulēti ar JavaScript.
Zemāk esošajā piemērā zilajā tekstā ir izcelts, kā laidiena elementu var ievietot kā iekšējo elementu ar atšķirīgiem atribūtiem nekā tā pamatelements - rindkopa p>
Lai atvērtu piemērunoklikšķiniet uz ikonaslapas apakšdaļā.
Skatoties tīmekļa pārlūkprogrammā, tekstsIepriekš minētais elements tiks parādīts citā rindkopas fonā, lai uzsvērtu, kur lietotājam jānoklikšķina, lai piekļūtu piemēram.
Ņemiet vērā, ka šeit nav atšķirībustarp HTML4 un HTML5.
