Krei dezajnajn sekciojn en via paĝo
Titoloj estas utila maniero por organizi vian tekston, krei utilajn dividojn kaj optimigi vian retpaĝon por serĉiloj. Vi povas facile krei rubrikojn uzante HTML-rubrikajn etikedojn. Vi ankaŭ povas ŝanĝi la aspekton de via teksto kun la aŭdacaj kaj kursaj etikedoj.
Rubrikoj
Titolo de etikedoj estas la plej simpla maniero dividi vian dokumenton. Se vi pensas pri via retejo kiel ĵurnalo, tiam la rubrikoj estas la titoloj pri la ĵurnalo. La ĉefa fraplinio estas h1 kaj postaj rubrikoj estas h2 tra h6.
Uzu la jenajn kodojn por krei la HTML.
Ĉi tio estas Titolo 1 h1> Jen Titolo 2 h2> Jen Titolo 3 h3> Jen Titolo 4 h4> Ĉi tiu estas Titolo 5 h5> Jen Titolo 6 h6> Konsiletoj por Memori
- Provu konservi viajn rubrikojn en logika ordo, h1 venas antaŭ h2, kiu venas antaŭ h3, kaj tiel plu.
- Ne zorgu tro multe pri kiel aspektas la rubrikoj - vi devas uzi CSS al stiloj de stiloj anstataŭ uzi titolon sen ordono.
- Titolaj etikedoj estas blok-nivelaj elementoj , do ili enmetis liniojn por vi. Ne metu P-etikedoj en la rubrikaj etikedoj.
Bold kaj itala
Jen Titolo 3 h3> Jen Titolo 4 h4> Ĉi tiu estas Titolo 5 h5> Jen Titolo 6 h6> Konsiletoj por Memori
- Provu konservi viajn rubrikojn en logika ordo, h1 venas antaŭ h2, kiu venas antaŭ h3, kaj tiel plu.
- Ne zorgu tro multe pri kiel aspektas la rubrikoj - vi devas uzi CSS al stiloj de stiloj anstataŭ uzi titolon sen ordono.
- Titolaj etikedoj estas blok-nivelaj elementoj , do ili enmetis liniojn por vi. Ne metu P-etikedoj en la rubrikaj etikedoj.
Bold kaj itala
Ĉi tiu estas Titolo 5 h5> Jen Titolo 6 h6> Konsiletoj por Memori
- Provu konservi viajn rubrikojn en logika ordo, h1 venas antaŭ h2, kiu venas antaŭ h3, kaj tiel plu.
- Ne zorgu tro multe pri kiel aspektas la rubrikoj - vi devas uzi CSS al stiloj de stiloj anstataŭ uzi titolon sen ordono.
- Titolaj etikedoj estas blok-nivelaj elementoj , do ili enmetis liniojn por vi. Ne metu P-etikedoj en la rubrikaj etikedoj.
Bold kaj itala
Konsiletoj por Memori
- Provu konservi viajn rubrikojn en logika ordo, h1 venas antaŭ h2, kiu venas antaŭ h3, kaj tiel plu.
- Ne zorgu tro multe pri kiel aspektas la rubrikoj - vi devas uzi CSS al stiloj de stiloj anstataŭ uzi titolon sen ordono.
- Titolaj etikedoj estas blok-nivelaj elementoj , do ili enmetis liniojn por vi. Ne metu P-etikedoj en la rubrikaj etikedoj.
Bold kaj itala
Estas kvar etikedoj kiujn vi povas uzi por aŭdaca kaj kursiva:
- kaj por aŭdaca
- kaj por kursiva
Ne gravas, kiun vi uzas. Dum iuj preferas kaj , sed multaj homoj trovas por "aŭdaca" kaj itala itala por memori.
Simple ĉirkaŭu vian tekston per la malfermaj kaj fermaj etikedoj, por fari la tekston aŭ aŭditan tekston :
aŭdaca b> itala i>Vi povas nestumi ĉi tiujn etikedojn (kio signifas, ke vi povas fari tekston tiel aŭdacan kaj kursivan) kaj ĝi ne gravas, kiu estas la ekstera aŭ interna etikedo.
Ekzemple:
Ĉi tiu teksto estas aŭdaca
Ĉi tiu teksto estas aŭdaca strong>Ĉi tiu teksto estas kursiva
Ĉi tiu teksto estas kursiva em>Ĉi tiu teksto estas aŭdaca kaj kursiva
Ĉi tiu teksto estas aŭdaca kaj kursiva em> strong>Kial Jen Du Aroj de Malgrandaj kaj Italaj Etikedoj
En HTML4, la etikedoj kaj estis konsideritaj etikedoj de stilo, kiuj tuŝis nur la aspekton de teksto kaj diris nenion pri la enhavo de la etikedo, kaj ĝi estis konsiderita malbona formo uzi ilin. Tiam, kun HTML5, ili ricevis semantikan signifon ekster la aspekto de la teksto.
En HTML5 ĉi tiuj etikedoj havas specifajn signifojn:
- signifas tekston ne pli gravan ol la ĉirkaŭa teksto, sed tipa tipografika prezento estas aŭdaca teksto, kiel ŝlosilvortoj en dokumento abstrakta aŭ produktaj nomoj en recenzo.
- signifas tekston, kiu ne estas pli grava ol la ĉirkaŭa teksto, sed tipa tipografika prezento estas kursiva teksto, kiel libro-titolo, teknika termino aŭ frazo en alia lingvo.
- signifas tekston, kiu havas fortan gravecon kompare al la ĉirkaŭa teksto.
- signifas tekston, kiu havas emfazan streson kompare al la ĉirkaŭa teksto.