Body-alueen HTML-sivulla plays a central role, kun on kyse verkkosivuston näkyvän sisällön jäsentämisestä ja esittämisestä. Täällä on kaikki elementit, jotka lopulta esitetään selaimessa, kun taas Head-alue on yleensä vain meta-tietojen käyttöä varten. Tässä oppaassa opit, mitä Body tarkoittaa ja kuinka voit täyttää sen tehokkaasti.
Tärkeimmät havainnot
Body-tagia on vain yksi kerran jokaisessa HTML-dokumentissa ja se on ratkaiseva sisällön esittämisessä selaimessa. Kaikki julkaistavat elementit kuuluvat Body-alueeseen.
Askeltaminen
1. Ymmärrä Body-tagia
Body-tag on olennainen elementti HTML-dokumentissasi. Samoin kuin Head-tag, tämä tagi esiintyy vain kerran dokumentissa. Tämä tarkoittaa, että koko HTML-kehityksesi aikana sinun on huolehdittava siitä, että Bodya käytetään oikein. Tyypillisessä HTML-dokumentissa tämä näyttäytyy näin:
Rakenteesi selaamista tarkastellessasi näet, että Head- ja Body-alueet on määritelty pääsolmuiksi.
2. Ero Headin ja Bodyn välillä
Head-alue sisältää meta-tietoja, jotka eivät ole suoraan näkyvissä käyttäjälle, kuten sivun otsikko tai merkistö. Sisältö, jonka haluat esittää vierailijoille, sijoitetaan Body-alueeseen.
Täällä on tärkeää ymmärtää, että visuaalisia sisältöjä tai tietoja ei tulisi sijoittaa Head-alueeseen. Sen sijaan ne ovat hyödyllisiä tietoja, joita Google ja muut hakukoneet voivat käyttää sivun indeksoimiseen.
3. Body-alueen rakenne
Body-alueessa voit lisätä rakenteellisia HTML-tageja, kuten H1 pääotsikoksi. H1-tag esittää korkeinta tasoa. Sen jälkeen voit käyttää H2, H3 ja muita otsikkotasoja.
Esimerkki H1-tagien käytöstä voisi olla: "Ensimmäinen kappaleeni". Kun avaat tämän selaimessasi, se esitetään pääotsikona.
4. Huomioi merkistö
Kun lisäät sisältöä Body-alueeseen, on tärkeää käyttää oikeaa merkistöä. Yksi yleinen ongelma on, että merkit kuten „ü” tai „ä” eivät näy oikein, jos merkistöä ei ole määritelty.
Varmistaaksesi, että kaikki näkyy oikein, käytä meta-tagia, kuten . Tämä varmistaa, että merkit koodataan oikein ja selain tietää, kuinka tulkita tietoja.
5. Sisältöjen lisääminen ja muokkaaminen
Kaikki sisältö, jonka haluat esittää dokumentissa, kuuluu Body-alueeseen. Sinulla on vapaus käyttää tekstikappaleita, luetteloita, kuvia ja monia muita elementtejä.
Esimerkki voisi olla, että lisää yhden tai useamman kappaleen H1-tagisi jälkeen, jotka tarjoavat lisätietoja. Täällä voit myös luoda luetteloita esittääksesi tietoja selkeästi ja tiiviisti.
6. Vältä yleisiä virheitä
On tärkeää huomata, että Body-tagia tulisi esiintyä vain kerran dokumentissa. Toinen yritys luoda Body-tag olemassa olevan dokumentin sisällä on virheellinen ja sitä tulisi ehdottomasti välttää.
Virheellinen HTML-dokumentti ei näytä siltä kuin on tarkoitettu, mikä voi johtaa hämmennykseen. Varmista, että rakenteesi noudattaa vankkoja standardeja.
Yhteenveto - HTML:n perusteet: Sivun Body ja sen sisällöt
HTML-sivun Body-alueella jäsennetään ja visualisoidaan koko sivun sisältö. Se on ainutlaatuinen elementti, joka tulisi rakentaa huolellisesti, ja oikean merkistön sekä oikein muotoiltujen tekstien huomioiminen on välttämätöntä.
Usein kysyttyjä kysymyksiä
Mikä on Body-tag HTML:ssä?Body-tag kattaa kaikki HTML-sivun näkyvät sisällöt, jotka esitetään selaimessa.
Kuinka monta Body-tahia voin käyttää HTML-dokumentissani?Vain yksi. On sääntöjen vastaista olla useita Body-tageja yhdessä dokumentissa.
Miksi merkistö on tärkeä?Merkistö varmistaa, että merkit näkyvät oikein, erityisesti erikoismerkkien osalta.
Kuinka voin varmistaa, että verkkosivuni näyttää hyvältä?Käyttämällä oikeita HTML-tageja ja noudattamalla rakennevaatimuksia Body-alueessa.
