ХТМЛ-ознаке за текст: поравнање, величина, фонт

Чини се, шта да знају ХТМЛ ознаке за текст, уколико је то у скоро свакој Администратор је згодан визуелни едитор, што их ставља аутоматски?

Чињеница да је форматирање садржаја на сајту је сасвим другачији од рада у оффице апликацијама. Нема довољно само да дају, тексту атрактиван изглед, због исправног регистрације зависи не само приказ веб страницу, али и његова промоција у претраживачима.

ХТМЛ-ознаке и атрибуте: Основна синтакса

Сваки текст има скривени код који "објашњава" компјутер шта и како желите да прикажете на екрану. Све информације се снима са сетом универзалних елемената.

У ствари, ХТМЛ-ознаке за текст - овај тим, који додатно блокове страна дефинисана или мењају свој изглед. исправан формат снимања је следећи:

Имајте на уму да нису све ознаке пару. На пример, <БР> (пасс лине) или <ХР> (хоризонтална линија додавање) не треба да се затварају уопште.

Зашто не могу копирати текстове из Ворд и други програми у уредника сајта

Иако савремени оффице програми користе исте ХТМЛ ознаке за текст, 99% оф тхе изворни код није погодан за Веб странице. Чак и ако у документу пријави се обично приказују, када убаците сајт може изгубити форматирање. Поред тога, због великог броја додатних ознака, и претраживача не може адекватно да анализира садржај странице атрибута. То је, заузврат, отежава да промовише свој сајт.

Да би се добила чисту и одговарајуће шифре, прво треба да обришете текст са ХТМЛ тагова насталих у уобичајеном уредника. Постоји неколико начина да то урадите:

1. "Ослободите се" чланка кроз "Бележница" и тек онда убаците сајт. Апликација брише све ХТМЛ, тако да онда морати да поново форматирање текста (користећи уредник или ручног алата).
2. Напишите и објављују чланке преко ЛивеВритер. Популарна уредник Блог одмах генерише одговарајући код. И у посебној картици, можете видети како ће се текст гледати на сајту.
3. Користити ХТМЛ за чишћење. Ова онлине услуга не уништи све кода у целини, али само додатни фрагменти. Са филтерима, изабрати које ознаке у продавницу. Ту је моћан ВИСИВИГ уређивач да бисте формату, који додаје да већ код оптимизован команди.

Увек проверите ХТМЛ пре него што објави нови пост. У њему не би требало да буде другачији од оних које ми сада сматрамо ознаке.

ст

Овај елемент је присутан у готово свим члановима. Сваки став треба ставити у таквом контејнеру - олакшава обликовање и омогућава вам да задржите доследан стил у целом сајту. Ради лакшег сналажења, блог <п> таг увек написан са новом линијом.

равнање

Одвојени ХТМЛ ознака "Текст равнање" се више не користи. Уместо тога, универзална атрибут алигн је створио. Да помери оквир за текст на страници, морате да изаберете једну од 3 вредности - Центар, лево или десно. Слично томе, можете специфицирати поравнање осталих елемената - као што заглавља.

У неким ситуацијама, за усклађивање користе друге ознаке ХТМЛ. средини текста, на пример, може се организовати уз помоћ елемента <центер> ... . Погодан посебан ознака? За разлику од атрибута, ради са било којим садржајем, укључујући фотографије, видео, блиц, и тако даље Д..

Наслови и поднаслови

субтитлес Систем омогућава да направите логичну структуру садржаја. Када је текст подељен на семантичке јединице, читалац је много лакше да се концентрише и науче нове информације. Претраживачи такође анализирали наслове да бисте видели који упити промовишу страну. Зато је СЕО стручњаци препоручују за употребу у својим тематским тастера.

У ХТМЛ користи шест нивоа преводи - од <Х1> до <х6>. У овом систему, постоји јасна хијерархија:

• <Х1> ... . Главни наслов (наслов чланка, роба у продавници, и тако даље. Д). У тексту не може бити само један <Х1>. Обично, она садржи главне кључне речи.
• <Х2> ... . Титлови други текст распад ниво у смислене јединице. На пример, ако сте рејтинг лаптоп, можете направити неколико <Х2> са именима различитих модела.
• <Х3> ... . Трећи ниво је потребан ако је текст између <х2> се дели на мале блокове. У нашем примеру, ово може бити критеријум за процену - "перформанс", "Меморија", "видео", и тако даље за сваки модел ...
• <Х4>, <х5>, <Х6>. У пракси, веома ретко. Али општи принцип је исти - они морају бити "уграђена" у јединици са највишег нивоа преводи.

Пази за очување правилног хијерархије. Враћајући се нашем примеру, то значи да не можете одмах ући у модел имена попут <х3> или <х5>. И даље да користе хомогене у смислу титлове блокова различитих нивоа (на пример, означите лаптоп, последњи рангирани рејтинга, користећи <Х6>).

Али шема, која ће одмах схватити и сећам се тачан структуру заглавља у ХТМЛ.

liste

Било инструкције пренос и боље издате у облику листа, користећи посебан ХТМЛ ознаке за текст (честа грешка - само неколико пасуса блог <п>, који почињу са цртицом или цифра).

Структура тих блокова је врло једноставна. У почетку, дефинишемо тип листе - набрајање <ул> ... или бројевима <Ол> ... .

Сви елементи се налазе између почетним и завршним таговима. Свака ставка листе почиње са новом линијом и има формат <ДИВ> ... . Број елемената није ограничен.

Фонт избор: <СПАН> и њени атрибути

Оно што може да се промени помоћу ХТМЛ-таг? Величина текста, његова фонта и боја - и без додавања нових класа у ЦСС. Ово је веома корисно када треба да изаберете само једну реченицу или фрагмент.

<СПАН> има неколико атрибута:

• Фаце. То вам омогућава да промените фонт текста. Можете да наведете више опција, раздвојених зарезом (Тахома, Ариал). Осим ако корисник први пут фонт, систем користи једноставну алтернативу.
• Величина. Да бисте повећали или смањили текст, унесите цитирао вредност од 1 до 7.
• Боја. У зависности од дизајна, можете изабрати једну од стандардних боја (црвена, зелена, плава) или унесите код било које боје да изабере из.

Немојте користити ставове који су форматиране помоћу <фонт>, уместо титловима. Боље је питати се исти дизајн параметре исправну ознаку.

Методе за избор текста

Монотон текст заморно, чак оборио у ставовима. кључне тачке препоручује се графички издвоје да привуче пажњу и промешати интересовање за читаоца. Ево неколико тимова који ће се носити са тим задатком.

<Б> ... . Изузетно популаран ХТМЛ ознака. Болд текст упада у очи, али зато са њим је погодан за разликовање важне говоре и чињенице.

Многи људи бркају ознаке <б> и <стронг>. Визуелно нема разлике, али они раде на различите начине. Први једноставно мења изглед текста, а други служи као "поинтер" и наглашава најважније делове (тематске кључне речи и фразе за СЕО).

<И> ... . Елегантан и ригорозни курс је идеалан за израду научних термина, страних речи и разним цитатима. У озбиљним публикацијама италик такође објавила имена уметничких дела.

<И> ... . Можда толико полемика није проузроковао ХТМЛ-таг. Подвући Текст се ретко користи, јер овај метод расподела историјски утемељена на хипервеза. Ако користите <И> у чланцима, имајте на уму да је ово погодан само за кратке комаде - не више од 1 линије.

<М> ... . Занимљиво ознака која вам омогућава да урадите неке од прецртан текста. Врло битно за рекламирање - на пример, да се нагласи контраст између старе и нове цене.

<Биг> ... . Најлакши начин да се повећа величину фонта, без икаквих додатних подешавања.

<Смалл> ... . Ради на истом принципу као и претходне ознаке. Текст смештена унутар, смањена у односу на тло.

<Суп> ... . Правилан назив за овај формат - за експонирање. У суштини, ова ознака је дизајниран за математичке степени и фуснотама. То смањује величину фонта и пребацује изабраног текста горе.

<Суб> ... . Ознака се често налазе у различитим формулама. Изоловани фрагмент се налази испод главног текста.

семантичке контејнери

Као неки блокови налазе се у многим текстовима, јер су почели да стварају посебне ознаке. Ово поједностављује форматирање, јер ако сваки тип садржаја има сопствени скуп стилова, додијелити довољан део текста и навести шта информације које садржи.

<Цоде> ... . Таг за компјутерске кодове. Неопходне у члановима Програмирање примера - команде нису извршене и приказује као обичан текст.

<Ците> ... . Дизајниран за обраду цитате - на пример, кључне изводе из интервјуа.

<БЛОЦККУОТЕ> ... . Чини део текста у посебном блоку. По дефаулту, избор је увучен на левој страни, али је у ЦСС-у можете да промените величину, врста слова стил и боју текста.

<АДРЕСА> ... . Оптионал ознака која садржи податке о аутору, укључујући линк.

Граница <БА>

Једноставним функцијама, можете да одредите да логичку крај великим делом. <БА> не пар ознаке. То значи да је затварање не треба ставку формат.

Ц користећи ШИРИНА атрибута може бити краћи од сепаратора постављањем одговарајуће величине у пикселима или проценту ширине прозора.

Да науче да користе ознаке за форматирање текста у ХТМЛ, нећете само да ваши производи лакше за читање, али и побољшати ефикасност СЕО.