Arvutid, Programmeerimine
HTML-silte teksti: viimist, suurus, font
Tundub, mida tean HTML-silte teksti, kui see on peaaegu igas admin on mugav visuaalne redaktor, mis paneb neid automaatselt?
Asjaolu, et vormingut sisu veebilehel on üsna erinev töö kontoris. Seal ei piisa, et saada teksti atraktiivne välimus, sest õige kinnistamine sõltub mitte ainult näidata veebilehe, kuid ka selle edendamise otsingumootorid.
HTML-silte ja atribuute: põhiliste süntaksi
Iga tekst on peidetud kood, mis "selgitab" arvuti, mida ja kuidas soovite kuvada ekraanile. Kõik andmed on salvestatud koos komplekti universaalne elemente.
Tegelikult HTML-silte teksti - see meeskond, mis lisada määratletud lehte plokid või muuta oma välimust. Õige salvestamise formaat on järgmine:
Pange tähele, et mitte kõik sildid on seotud. Näiteks
(pass line) või
(horisontaaljoon lisamine) ei pea olema suletud üldse.
Miks ei saa kopeerida artiklid Word ja muud programmid toimetaja saidi
Kuigi kaasaegne büroo programme kasutada sama HTML-silte teksti, kui 99% omakoodi ei sobi veebilehti. Isegi kui taotluses dokumenti kuvatakse tavaliselt, kui sisestate sait võib kaotada vormis. Lisaks tänu suure hulga täiendavaid silte ja otsingumootorid ei suuda adekvaatselt analüüsida lehe sisu atribuute. See omakorda raskendab edendada saidile.
Et saada puhas ja vastav kood, peate esmalt puhtaks teksti HTML-silte loodud tavaline toimetaja. On mitmeid viise, kuidas seda teha:
- "Vabane" artikkel läbi "Notepad" ja alles siis lisada saidile. Taotluse kustutab kõik HTML, nii et siis on uuesti vormindada teksti (kasutades toimetaja või käsitööriistad).
- Kirjutage ja avaldada artikleid kaudu LiveWriter. Populaarne blogi toimetaja kohe genereerib õige koodi. Ja eraldi kaardil saab näha, kuidas tekst vaadata veebilehel.
- Kasuta HTML Cleaner. See võrguteenuse ei hävita kõik koodi tervikuna, vaid ainult ekstra fragmente. Filtrid, valid millised sildid salvestada. Samuti on võimas WYSIWYG editor vormi, mis lisab juba optimeeritud koodi käsud.
Kontrollige alati HTML enne avaldab uue postituse. Selles ei tohiks olla silte peale nende, mis me nüüd kaaluda.
lõigetes
See element on olemas peaaegu kõik artiklid. Iga lõik tuleks paigutada selliselt konteiner - see lihtsustab vormingu ja võimaldab teil hoida järjepidev stiili kogu saidi. Mugavuse
tag on alati kirjutatud uus liin.
joondumine
Eraldi HTML-tag "Teksti joondus" enam ei kasutata. Selle asemel, universaalne atribuut ALIGN on loodud. Asetada teksti kasti lehel tuleb valida üks 3 väärtusi - keskel, paremal või vasakul. Samamoodi saab määrata viimist teisi elemente - näiteks pealkirjad.
Mõnes olukorras joondamiseks kasutada muid silte HTML. tsentreeritud teksti, näiteks on võimalik korraldada abiga elemendi
Rubriikide ja alamrubriikide
subtiitrid Süsteem võimaldab teil luua loogiline struktuur sisu. Kui tekst on jagatud semantiline ühikut, lugeja on palju lihtsam keskenduda ja õppida uut informatsiooni. Otsingumootorid ka analüüsitud pealkirju näha, millised päringud edendada lehel. See on põhjus, miks SEO eksperdid soovitavad kasutada oma temaatilist võtmed.
HTML kasutab kuus taset subtiitrid - alates
kuni . Selles süsteemis on selge hierarhia:
-
... H1>
. Peamised pealkiri (artikli pealkiri, kaupade poe, ja nii edasi. D.). Tekstis ei saa olla ainult üks . Tavaliselt see sisaldab peamisi märksõnu.
-
... H2>
. Subtiitrid teise taseme break teksti mõtestatud ühikut. Näiteks, kui sa olid reitingu sülearvutid, võite teha mõned nimed erinevate mudelite.
-
... H3>
. Kolmas tase on vajalik juhul, kui tekst vahel on samuti jagatud väikeste plokkide. Meie näites, võib see olla hindamiskriteeriumid - "Performance", "Mälu", "Video" ja nii edasi iga mudeli ...
-
,
. Praktikas väga harva. Aga üldiselt põhimõte on sama - nad peavad olema "varjatud" üksuses, millel on kõrgeim tase subtiitrite.
-
... H1>
. Peamised pealkiri (artikli pealkiri, kaupade poe, ja nii edasi. D.). Tekstis ei saa olla ainult üks. Tavaliselt see sisaldab peamisi märksõnu.
-
... H2>
. Subtiitrid teise taseme break teksti mõtestatud ühikut. Näiteks, kui sa olid reitingu sülearvutid, võite teha mõnednimed erinevate mudelite.
-
... H3>
. Kolmas tase on vajalik juhul, kui tekst vahelon samuti jagatud väikeste plokkide. Meie näites, võib see olla hindamiskriteeriumid - "Performance", "Mälu", "Video" ja nii edasi iga mudeli ...
-
,
. Praktikas väga harva. Aga üldiselt põhimõte on sama - nad peavad olema "varjatud" üksuses, millel on kõrgeim tase subtiitrite.
Olge säilitamine õige hierarhia. Näite juurde tagasi tulles, siis tähendab see, et te ei saa kohe sisestada mudeli nimed nagu
või . Ja lisaks kasutada homogeenne selles mõttes subtiitrite plokid eri tasanditel (näiteks esile sülearvuti, järjestades viimasena hinnang, kasutades ).
).
Aga kava, mis koheselt aru saada ja mäleta õiget struktuuri päised HTML.
nimekirjad
Iga üleandmise ja paremaid juhiseid antud kujul nimekirjad, kasutades spetsiaalset HTML-silte teksti (ühine viga - vaid paar lõiku
, mis alata sidekriipsuga või numbriga).
Struktuuri selliste plokid on väga lihtne. Alguses me defineerime loendi tüübist - täppidega
- ... ul> või nummerdatud
- ... LI>. Elementide arv ei ole piiratud.
Fondivaliku: ja selle atribuutidega
Mis saab muuta kasutades HTML-silt? Suurus teksti, selle fondi ja värvi - ja ilma uusi klasse CSS. See on väga mugav, kui teil on vaja valida ainult ühe lause või fragment.
on mitu omadust:
- Face. See võimaldab teil muuta font teksti. Saate loetleda mitmeid võimalusi, eraldatud komadega (Tahoma, Verdana). Kui kasutaja esimene font, süsteem kasutab lihtsate alternatiiv.
- Suurus. Suurendada või vähendada teksti sisestada tsiteeritud väärtus 1 kuni 7.
- Värv. Sõltuvalt disaini, saate valida ühe standard värvid (punane, roheline, sinine) või sisestage kood tahes värvi valida.
Ärge kasutage punktid, mis on vormindatud asemel subtiitritega. See on parem küsida sama konstruktsiooniparameetritele õige tag.
Meetodid teksti valimiseks
Monotoonne tekst väsitav, isegi jaotatud lõikudeks. põhipunktid on soovitatav eraldada graafiliselt meelitada tähelepanu ja segage huvi lugeja. Siin on mõned meeskonnad, mis toime tulla ülesanne.
... B> . Eriti populaarne HTML-tag. Rasvane tekst pilkupüüdev, kuid kuna seda on mugav eristada olulist jutupunktidele ja fakte.
Paljud inimesed segadusse silte ja . Visuaalselt ei ole vahet, kuid nad töötavad erinevalt. Esimene lihtsalt muudab välimust teksti ja teine toimib "osuti" ja toob esile kõige olulisemaid osi (temaatilised märksõnad ja fraasid SEO).
... I> . Elegantne ja range muidugi on ideaalne disain teaduslikud terminid, võõrsõnade ja erinevate tsitaate. Tõsise väljaanded italic ka vabastada nimed kunstiteosed.
... U> . Ehk nii palju poleemikat ei põhjusta HTML-tag. Jooni tekst kasutatakse harva, sest see jaotamise meetod ajalooliselt juurdunud hüperlinkidel. Kui kasutate artiklites Pange tähele, et see sobib ainult lühikese tükki - mitte rohkem kui 1 rida.
... S>. Huvitavad tag, mis võimaldab teil teha mõned kriipsutatud tekst. Väga oluline reklaami - näiteks rõhutada kontrasti uue ja vana hinnaga.... big> . Lihtsaim viis suurendada fondi suurust ilma täiendava seaded.
... small> . See toimib samal põhimõttel nagu eelmine tag. Tekst paigutatud taandatud maapinna suhtes.
... sup> . Õige nimi selle formaat - üla. Põhimõtteliselt on see silt on mõeldud matemaatika kraadi ja joonealused märkused. See vähendab fondi suurust ja nihutab valitud teksti üles.
... sub> . Indeks on tihtipeale erinevaid valemeid. Isoleeritud fragmendid asub allpool põhitekstile.
semantiline konteinerid
Nagu mõned plokid leidub palju tekste, sest nad hakkasid luua erilist sildid. See lihtsustab vormingu, sest kui Sisutüüpide on oma komplekt stiile, eraldama piisavalt tekstilõik ja näitavad, millist teavet see sisaldab.
... code>
. Tag arvuti koodid. Asendamatu artiklites programmeerimine näited - käske ei käivitata ja kuvatakse tekstina.... cite> . Disainitud töödelda hinnapakkumisi - näiteks võtme väljavõtteid intervjuu.
... blockquote>
. See muudab osa tekstist eraldi plokk. Vaikimisi valik on liigestatud vasakul, kuid CSS saab muuta ka, kirjatüüp stiili ja teksti värvi.... AADRESS> . Vabatahtlik kood, mis sisaldab infot autori, sealhulgas link.Eralduspind
Lihtsate funktsioone, saate määrata loogiline lõpuks suure osa.
ei paari sildid. See tähendab, et sulgemine ...> ei pea formaat toode.C, kasutades WIDTH atribuut saab teha lühem kui eraldaja seadistada sobiva suuruse pikslites või protsendina akna laiuse.
Õppida kasutama silte vormindada teksti HTML, siis mitte ainult teha oma artikleid lihtsam lugeda, vaid ka parandada tõhusust SEO.
- ... ol>.
Kõik elemendid asuvad vahel avamise ja sulgemise silte. Iga loendiüksus algab uus rida ja vorming on
Similar articles
Trending Now