Disaini sektsioonide loomine lehel
Pealkirjad on kasulik viis teksti korraldamiseks, kasulike jagunemiste loomiseks ja veebisaidi optimeerimiseks otsingumootorites. Saate hõlpsalt luua rubriike, kasutades HTML-i pealkirju. Samuti saate muuta teksti väljanägemist rasvase ja kaldkirjaga siltidega.
Rubriigid
Pealkirjad on lihtsaim viis dokumendi jagamiseks. Kui te arvate oma saidist ajalehega, siis on pealkirjad ajalehe pealkirjad. Peamine pealkiri on h1 ja järgnevad pealkirjad on h2 kuni h6.
HTML-i loomiseks kasutage järgmisi koode.
See on rubriik 1 h1> See on rubriik 2 h2> See on rubriik 3 h3> See on rubriik 4 h4> See on pealkiri 5 h5> See on rubriik 6 h6> Näpunäited mäleta
- Proovige hoida oma pealkirju loogilises järjekorras, h1 tuleb enne h2-d, mis tuleb enne h3-d ja nii edasi.
- Ärge muretsege liiga palju, kuidas rubriigid välja näevad. Peaksite CSS-i kasutama stiili pealkirjade asemel, et pealkirja mitte kasutada.
- Pealkirjasildid on plokktaseme elemendid , nii et need panevad teie jaoks rea katkemise. Ärge asetage P-koodi pealkirjade sees.
Rasvane ja Italic
See on rubriik 3 h3> See on rubriik 4 h4> See on pealkiri 5 h5> See on rubriik 6 h6> Näpunäited mäleta
- Proovige hoida oma pealkirju loogilises järjekorras, h1 tuleb enne h2-d, mis tuleb enne h3-d ja nii edasi.
- Ärge muretsege liiga palju, kuidas rubriigid välja näevad. Peaksite CSS-i kasutama stiili pealkirjade asemel, et pealkirja mitte kasutada.
- Pealkirjasildid on plokktaseme elemendid , nii et need panevad teie jaoks rea katkemise. Ärge asetage P-koodi pealkirjade sees.
Rasvane ja Italic
See on pealkiri 5 h5> See on rubriik 6 h6> Näpunäited mäleta
- Proovige hoida oma pealkirju loogilises järjekorras, h1 tuleb enne h2-d, mis tuleb enne h3-d ja nii edasi.
- Ärge muretsege liiga palju, kuidas rubriigid välja näevad. Peaksite CSS-i kasutama stiili pealkirjade asemel, et pealkirja mitte kasutada.
- Pealkirjasildid on plokktaseme elemendid , nii et need panevad teie jaoks rea katkemise. Ärge asetage P-koodi pealkirjade sees.
Rasvane ja Italic
Näpunäited mäleta
- Proovige hoida oma pealkirju loogilises järjekorras, h1 tuleb enne h2-d, mis tuleb enne h3-d ja nii edasi.
- Ärge muretsege liiga palju, kuidas rubriigid välja näevad. Peaksite CSS-i kasutama stiili pealkirjade asemel, et pealkirja mitte kasutada.
- Pealkirjasildid on plokktaseme elemendid , nii et need panevad teie jaoks rea katkemise. Ärge asetage P-koodi pealkirjade sees.
Rasvane ja Italic
Seal on neli sildi, mida saab kasutada paksu ja kaldkirjaga:
- ja rasvases kirjas
- ja kaldkirja jaoks
Pole tähtis, mida te kasutate. Kuigi mõned eelistavad ja , kuid paljud inimesed leiavad rasvaseks ja kaldkriipsu lihtsam meelde jätta.
Lihtsalt ümbritsege oma teksti avamis- ja sulgemärgenditega, et tekst oleks poolpaksus või kaldkirjas:
Jaga b> kaldkirja i>Neid märgendeid saate libistada (see tähendab, et saate teksti nii paksuks ja kaldkirjaks muuta) ja see ei mõjuta, mis on välimine või sisemine silt.
Näiteks:
See tekst on poolpaksus
See tekst on poolpaksus strong>See tekst on kaldkirjas
see tekst on kaldkirjaga em>See tekst on paks ja kaldkirjas
See tekst on poolpaksus ja kaldkirjas em> strong>Miks seal on kaks kergejõustiku ja kaldkirjaga siltide komplekti
HTML4-s peeti silte ja stiili sildid, mis mõjutasid ainult teksti välimust ja ei maininud märgendi sisu midagi ning neid kasutati halvaks. Seejärel anti HTML5-le neile semantiline tähendus väljaspool teksti välimust.
HTML5-s on need sildid konkreetsed tähendused:
- tähistab teksti, mis ei ole olulisem kui ümbritsev tekst, kuid tüüpiline tüpograafiline esitus on paksus tekst, näiteks ülevaatega dokumendi abstraktsed märksõnad või tootenimed.
- tähistab teksti, mis ei ole tähtsam kui ümbritsev tekst, kuid tüüpiline tüpograafiline esitus on kaldkirjas tekst, näiteks raamatute pealkiri, tehniline termin või fraas muus keeles.
- tähistab teksti, mis on ümbritseva tekstiga võrreldes olulise tähtsusega.
- tähistab teksti, millel on rõhuasetus võrreldes ümbritseva tekstiga.