Suunnittelualueiden luominen sivullesi
Otsakkeet ovat hyödyllinen tapa järjestää tekstiä, luoda hyödyllisiä jakautumia ja optimoida verkkosivusi hakukoneille. Voit luoda otsikoita helposti käyttämällä HTML otsikkotunnisteita. Voit myös muuttaa tekstin ulkoasua lihavilla ja italic-tunnisteilla.
otsikot
Otsikkotunnisteet ovat yksinkertaisin tapa jakaa asiakirjaasi. Jos ajattelet sivustosi sanomalehdiksi, otsikot ovat sanomalehden otsikot. Tärkein otsikko on h1 ja sen jälkeen otsikot ovat h2: stä h6: een.
Luo HTML-koodi seuraavien koodien avulla.
Tämä on otsake 1 h1> Tämä on otsake 2 h2> Tämä on otsake 3 h3> Tämä on otsake 4 h4> 5 h5> Tämä on otsake 6 h6> Vinkkejä muistoon
- Yritä pitää otsikot loogisessa järjestyksessä, h1 tulee ennen h2, joka tulee ennen h3: ta ja niin edelleen.
- Älä huoli liikaa siitä, miten otsikot näyttävät - käytä CSS- tyyppisiä otsikoita sen sijaan, että otsikkoa ei käytetä.
- Otsikkotunnisteet ovat lohkotason elementtejä , joten he tekevät rivinvaihtoja puolestasi. Älä laita P-tunnisteita otsikkotunnisteisiin.
Lihavointi ja kursiivi
Tämä on otsake 2 h2> Tämä on otsake 3 h3> Tämä on otsake 4 h4> 5 h5> Tämä on otsake 6 h6> Vinkkejä muistoon
- Yritä pitää otsikot loogisessa järjestyksessä, h1 tulee ennen h2, joka tulee ennen h3: ta ja niin edelleen.
- Älä huoli liikaa siitä, miten otsikot näyttävät - käytä CSS- tyyppisiä otsikoita sen sijaan, että otsikkoa ei käytetä.
- Otsikkotunnisteet ovat lohkotason elementtejä , joten he tekevät rivinvaihtoja puolestasi. Älä laita P-tunnisteita otsikkotunnisteisiin.
Lihavointi ja kursiivi
Tämä on otsake 4 h4> 5 h5> Tämä on otsake 6 h6> Vinkkejä muistoon
- Yritä pitää otsikot loogisessa järjestyksessä, h1 tulee ennen h2, joka tulee ennen h3: ta ja niin edelleen.
- Älä huoli liikaa siitä, miten otsikot näyttävät - käytä CSS- tyyppisiä otsikoita sen sijaan, että otsikkoa ei käytetä.
- Otsikkotunnisteet ovat lohkotason elementtejä , joten he tekevät rivinvaihtoja puolestasi. Älä laita P-tunnisteita otsikkotunnisteisiin.
Lihavointi ja kursiivi
Tämä on otsake 6 h6> Vinkkejä muistoon
- Yritä pitää otsikot loogisessa järjestyksessä, h1 tulee ennen h2, joka tulee ennen h3: ta ja niin edelleen.
- Älä huoli liikaa siitä, miten otsikot näyttävät - käytä CSS- tyyppisiä otsikoita sen sijaan, että otsikkoa ei käytetä.
- Otsikkotunnisteet ovat lohkotason elementtejä , joten he tekevät rivinvaihtoja puolestasi. Älä laita P-tunnisteita otsikkotunnisteisiin.
Lihavointi ja kursiivi
Käytettävissä on neljä tunnistetta, joita voit käyttää lihavoituna ja kursiivina:
- ja lihavoitu
- ja kursiivilla
Ei ole väliä, mitä käytät. Jotkut haluavat ja , mutta monet ihmiset löytävät "lihavoitu" ja kursivoitu helpommin muistaa.
Yksinkertaisesti ympäröi tekstiä avaus- ja sulkemerkillä, jotta teksti on lihavoitu tai kursivoitu:
lihavoitu b> kursiivinen i>Voit kiinnittää nämä tunnisteet (mikä tarkoittaa, että tekstiä voidaan tehdä sekä lihavoituna että kursiivina) ja sillä ei ole väliä, mikä on ulompi tai sisäinen tunniste.
Esimerkiksi:
Tämä teksti on lihavoitu
Tämä teksti on lihavoitu strong>Tämä teksti on kursivoitu
Tämä teksti on kursivoitu em>Tämä teksti on sekä lihavoitu että kursiivi
Tämä teksti on sekä lihavoitu että italia em> strong>Miksi kaksi settiä on lihavoitu ja kursiivi Tags
HTML4: ssä ja -tunnisteita pidettiin tyyliotsikoina, jotka koskivat vain tekstin ulkoasua, eivätkä sano mitään tunnisteen sisällöstä, ja niitä pidettiin huonoksi lomakkeeksi niiden käyttämiseksi. Sitten HTML5: lla heille annettiin semanttinen merkitys tekstin ulkoasun ulkopuolella.
HTML5: ssa näillä tunnisteilla on erityisiä merkityksiä:
- tarkoittaa tekstiä, joka ei ole tärkeämpi kuin ympäröivä teksti, mutta tyypillinen typografinen esitys on lihavoitu teksti, kuten avainsanoja asiakirjan abstraktissa tai tuotenimet tarkistuksessa.
- tarkoittaa tekstiä, joka ei ole tärkeämpi kuin ympäröivä teksti, mutta tyypillinen typografinen esitys on kursivoitu teksti, kuten kirjan otsikko, tekninen termi tai lause muulla kielellä.
- tarkoittaa tekstiä, jolla on suuri merkitys ympäröivään tekstiin verrattuna.
- tarkoittaa tekstiä, jolla on voimakas stressi verrattuna ympäröivään tekstiin.