Mikä on HTML, rakenteen ominaisuudet

HTML on epäilemättä Internetin pääkieli,syntynyt sen kanssa. Tavalla tai toisella, hän on mukana kunkin verkkosivun luomisessa ja toiminnassa. Ilman ymmärrystä, mikä HTML on ja miten se toimii, on mahdotonta muuttaa jatkuvaa tekstivirtaa, mikä tahansa dokumentti oli alun perin, rakenteelliseksi, kauniiksi ja käyttäjäystävälliseksi verkkosivustoksi.

HTML ja Internet

Lyhenne on johdettu englannistaHyperText-merkintäkieli Käännös selittää täysin, mikä HTML on, hypertekstin merkintäkieli. Se ilmestyi Internetin kehityksen kynnyksellä ja oli tarkoitettu sellaisten verkkosivujen suunnitteluun, jotka sisältävät tieteellistä ja teknistä dokumentaatiota, mikä erityisesti vaatii asianmukaista suunnittelua.

Kielen luoja Tim Berners-Lee ehdotti sitäsen avulla on mahdollista luoda helposti yksinkertaisia, mutta ymmärrettäviä asiakirjoja vaihtoon eri kaupunkien ja maiden tutkijoiden välillä. Hän kehitti joukon kuvaajia - elementtejä, jotka muotoilivat tekstiä. Nyt tunnemme heidät nimellä "tags".

Jotta HTML-teksti näkyy oikein, se vaaditaansen käsittely. Tämän tekevät erityisohjelmat - selaimet. He vastaanottavat merkityn sivun, tulkitsevat tag-kahvat ja näyttävät tekstin muodossa, jossa käyttäjän pitäisi nähdä se.

Erittäin tärkeä osa kieltä, joka on selvää jopasen nimi on hypertekstin tuki. Tämä tarkoittaa, että jotkut HTML-sivut saattavat sisältää linkkejä toisiin. Ristiviittausjärjestelmä oli erityisen tärkeä tieteellisissä artikkeleissa, sillä sen avulla ei tarvinnut pohtia monimutkaisen termin selitystä, vaan lähettää tarvittaessa lukija vain sopivaan lukuun.

Kielen kehitys

Aika kului, HTML oli yksinkertainen joukko tunnisteitaon olemassaolonsa alussa kasvanut ja vahvistunut. Nyt voit upottaa multimediasisältöä sivulle, luoda taulukoita ja hallita kuvien sijaintia.

Kielen spontaani laajeneminen olisi pitänyt hillitä ja ottaa hallintaan; tarvittiin tiettyjä normeja.

1995 - kolmannen version hyväksymisaikatekniset tiedot ja käännöskohta kooderien kohtalolle. Tuollaiset nykyaikaiset selaimet eivät pystyneet enää takaamaan hyväksyttyjen standardien käyttöönottoa, improvisointi ja stratifiointi alkoivat. Jokaisella Internet-selaimella oli mielipide siitä, mikä HTML on ja kuinka käsitellä tiettyjä kuvauksia.

Onneksi tällä hetkellä selainten väliset tärkeimmät ristiriidat on tasoitettu, mikä säästää käyttöliittymäkehittäjille paljon energiaa ja hermoja.

HTML5

Vuoden 2018 todellinen on viides standardiHTML, jonka luonnos ilmestyi vuoden 2007 lopussa. Hän esitteli monia uusia elementtejä ja määritteitä, painotti erityisesti verkkosivujen semantiikkaa ja niiden saavutettavuutta vammaisille käyttäjille.

Kieli jatkaa aktiivista kehittämistä ja parantamista.

HTML-perusteet

Tärkeimmät HTML-rakenteet ovat kuvaajia tai tunnisteita ja entiteettejä. Niiden avulla käsitelty selvä teksti muuttuu verkkodokumentiksi.

Hypertekstin merkintäkielen yksiköt ovat Unicode-erikoismerkkien muistokoodeja, joita ei löydy tavallisista näppäimistöistä.

Kokonaisuuden esimerkit:

<	avautumiskulma
>	sulkeutuva kulmakiinnike
←	ohut vasen nuoli
↑	ohut nuoli ylöspäin

HTML-yksiköt alkavat merkillä,päättyy puolipisteellä ja sisältää helposti muistettavan merkkikoodin. Ne ovat tärkeitä, koska niiden avulla voit näyttää merkkejä, joita ei voi kirjoittaa suoraan HTML-koodiin.

Tällaisia ​​merkkejä ovat esimerkiksi kulmakiinnikkeet. Hypertekstin merkintäkielellä ne toimivat tunnisteiden tunnisteina, jotka ympäröivät kuvaajan nimeä molemmilla puolilla.

HTML-tunnisteet

Tunnisteet ovat web-asiakirjan perusrakenteellisia komponentteja. Ne ovat avautuvien ja sulkevien osien astioita ja niiden välissä olevaa sisältöä.

Tag-esimerkki:

 teksti tunnisteen sisällä 

Tämä on HTML-kuvaus. jamääritellään kursivoitu fontti. Kirjain i on sanan kursivoinnin ensimmäinen kirjain. Hänellä on:

• avautuva osa ;
• sulkeva osa jolle on ominaista vinoviivan esiintyminen;
• sisältö, joka selaimen jäsentämisen jälkeen näkyy kursivoituna.

Suurimmalla osalla kuvaajia on sama rakenne, mutta on pieni ryhmä tyhjiä tunnisteita.

Pitkä teksti, joka tulisi jakaa useisiin riveihin 
 parantaa luettavuutta.

Tag
jäsennyksen jälkeen se korvataan rivinvaihdolla. Sillä ei ole sisältöä, joten kannetta ei vaadita.

Seuraavat tunnisteet ovat myös tyhjiä:

• merkitsee ohut harmaa viiva, joka erottaa tekstilohkot toisistaan;
• edustaa koko perheen vuorovaikutteisia muotoelementtejä;
• kuvatiedoston liittäminen;
• palvelutunnisteiden lukumäärä - , .

Kuvaukset voidaan upottaa toisiinsa millä tahansa lukuisilla tasoilla. Poikkeus on vain tyhjät tunnisteet, jotka eivät voi sisältää sisältöä.

Tunnisteominaisuudet

Tunnisteiden avausosaan sijoitetuilla ominaisuuksilla on suuri merkitys luotaessa verkkodokumentteja. Kuvauksella voi olla yksi tai useampi ominaisuus tai ei.

Useimmissa tapauksissa määritteiden käyttöjotkut elementin käyttäytymisen näkökohdat selkiytetään, ja joskus ne kykenevät radikaalisti muuttamaan visuaalista esitystä. Useita ominaisuuksia käytetään virallisiin tarkoituksiin, joiden avulla voit hallita HTML-tunnisteita CSS: stä tai JavaScriptistä.

Asetusominaisuus:

Valitse väri:

 punainen

 keltainen

 vihreä

Tässä on ryhmä kolmesta interaktiivisesta -elementistä. ominaisuus tyyppi määrittää niiden näytön valintaruutujen muodossa, nimi sisältää tietyn kentän nimen ja ominaisuuden tarkistettu, jolla ei ole väliä, tekee toisen sisääntulon valittuna oletuksena.

On olemassa yleisiä määritteitä, jotka voidaan määritellä jokaiselle kuvaajalle, ja tietyille tunnisteille ominaiset määritteet.

Yleisominaisuuksiin kuuluvat: tunnus, luokka, otsikko.

Erityisiä ovat edellä mainittu tyyppi, tarkastettu, samoin kuin src, href ja monet muut.

Syntaksitoiminnot

Vastaanotettuaan HTML-sivun selain analysoi sen ja heittää pois kaiken tarpeettoman. Joten useimmissa tapauksissa useita välilyöntejä ja rivinvaihtoja ei huomioida.

Kaksi alla olevaa koodinpätkää ovat täysin samanlaisia ​​selaimessa, vaikka yksi niistä sisältää useita peräkkäisiä välilyöntejä ja on jaettu riveihin, ja toinen ei.

Lorem ipsum  dolor sit  amet.


 doloribus sunt, 
mainosten tarjoaja.



 Lorem ipsum  dolor sit  amet. 
 
  doloribus sunt,  ad sniedznt. 

Tavutus ja taulukointi voidaan käyttääkoodin visuaalinen jäsentäminen, se ei kuitenkaan vaikuta selaimeen. Joissain tapauksissa, kun on välttämätöntä säilyttää alkuperäinen tekstimuoto välilyöntien ja sisennysten lisäksi, on tunnisteita, jotka näyttävät niiden sisällön ilman selaimen alustavaa käsittelyä, esimerkiksi

.
HTML on iso ja iso kirjainkoko.Tämä tarkoittaa, että tunnisteet, nimet ja ominaisuusarvot voidaan kirjoittaa pienillä tai isoilla kirjaimilla, ja selain käsittelee molemmat vaihtoehdot yhtä oikein. Voit halutessasi käyttää jopa isojen ja pienten kirjainten yhdistelmiä, mutta tämä häiritsee koodin normaalia käsitystä.
Tutustuttuaan tunnisteisiin, niiden ominaisuuksiin ja syntaksiin, voit siirtyä HTML-kielen perusteista HTML-asiakirjan rakenteeseen kokonaisuutena.
 
HTML-dokumenttien rakentaminen
 
Jokaisella verkkosivulla on oltava tietty kehys, jotta selain voi toimia oikein.
HTML-asiakirjan pakollinen rakenne sisältää:
 
 
Doctype-mainos varmistaa selaimen asianmukaisen käsittelyn
 
koko sivun HTML-kääre;
 
oma palveluosa pää.
 
 









 
HTML5-standardi ei vaadi tunnistetta ruumis asiakirjassa on kuitenkin suositeltavaa käyttää sitä sisältöalueen ilmoittamiseen.
 
 
Tärkeitä, mutta valinnaisia ​​palvelukuvauksia ovat:
 
 
otsikko, joka sisältää sivun otsikon;
 
metakoodit, jotka määrittelevät koodauksen, seotiedot, http-otsikot ja muut tärkeät asetukset.
 
 




 
Muutoin HTML-sivun rakenne voi olla mikä tahansa. Sen ominaisuudet riippuvat hankkeesta.
Pääsääntö, jota on noudatettavamikä tahansa verkkoasiakirja on tunnisteiden oikea pesäys. Ensin kahva suljetaan, joka on pesimisen syvimmällä tasolla, ja sitten vuorotellen kaikki ulkoiset.
 




Kappaleteksti
 
 
 
 
 
Semanttinen rakenne
 
Kun eritelmät kehittyvät ja muuttuvat monimutkaisemmiksi,uudet kuvaajat ovat muuttaneet verkkodokumenttien luontitekniikkaa. Aluksi tekstit kulkivat jatkuvana virtauksena, jakautuen vain kappaleisiin. Sitten tuli aikataulu taulukoiden asettelusta, joka sallii lohkojen sijoittamisen sivulle missä tahansa kokoonpanossa, esimerkiksi sarakkeissa.
CSS: n kehittämisen myötä taulukoiden käytöstä luovuttiin vähitellen, koska tyylit tekivät mahdolliseksi muotoilla asiakirja haluamallasi tavalla.
 
 
Uusi HTML-standardi pitää semantiikkaa HTML-asiakirjan rakenteessa myönteisenä. Tämä saavutetaan käyttämällä semanttisia tunnisteita, kuten ylätunniste, alatunniste, tärkein, artikla, nav, jakso ja muut.
Internetin pääkieli on hyvin yksinkertainen. Kuka tahansa voi ymmärtää HTML: n ja soveltaa tätä tietoa onnistuneesti luomalla omat verkkosivut.