Headings at subheadings

subtitle Ang sistema ay nagbibigay-daan sa iyo upang lumikha ng isang lohikal na istraktura ng nilalaman. Kapag ang text ay nahahati sa semantic mga yunit, ang mga mambabasa ay lubhang mas madaling upang tumutok at matuto ng mga bagong impormasyon. Search Engines ring pinag-aralan ang mga headline upang makita kung aling mga query magsulong ng pahina. Iyon ay kung bakit SEO eksperto inirerekomenda para sa paggamit sa kanilang base sa paksa keys.

Sa HTML ay gumagamit ng anim na mga antas subtitle - mula sa

sa

. Sa system na ito, mayroong isang malinaw na hierarchy:

• ... . Ang pangunahing pamagat (pamagat ng artikulo, mga kalakal sa online na tindahan, at iba pa. D.). Sa text doon ay maaaring maging lamang ng isang

  . Karaniwan, ito ay naglalaman ng mga pangunahing mga keyword.

• ... . Subtitle pangalawang antas pahinga text sa makabuluhang yunit. Halimbawa, kung ikaw ay rating ng laptops, maaari kang gumawa ng ilang mga

  na may mga pangalan ng mga iba't-ibang modelo.

• ... . Ang ikatlong antas ay kinakailangan kung ang text sa pagitan ng

  ay hinati rin sa maliit na mga bloke. Sa aming halimbawa, maaaring ito ang pagsusuri na pamantayan - "Pagganap", "Memory", "Video", at iba pa para sa bawat modelo ng ...

• ,

  ,

  . Sa pagsasagawa, napakabihirang. Ngunit ang pangkalahatang prinsipyo ay ang parehong - mayroon sila upang ma-"embed" sa yunit na may pinakamataas na antas ng subtitle.

Watch out para sa pangangalaga ng tamang hierarchy. Bumabalik sa aming halimbawa, ito ay nangangahulugan na hindi agad ka maaaring ipasok ang mga pangalan ng mga modelo tulad ng

o

. At saka gamitin homogenous sa kamalayan ng mga subtitle bloke ng mga iba't ibang mga antas (halimbawa, i-highlight ang isang laptop, niraranggo huling sa ang pag-uuri, ang paggamit ng

).

Ngunit ang scheme, na kung saan ay agad na maunawaan at matandaan ang tamang istraktura ng header sa HTML.

listahan

Ang anumang transfer at mas mahusay na mga tagubilin na ibinigay sa anyo ng mga listahan, gamit ang isang espesyal na HTML-tag para sa teksto (isang pangkaraniwang pagkakamali - lamang ng ilang talata ng

, na nagsisimula sa isang gitling o isang digit).

Ang istraktura ng gayong mga bloke ay napaka-simple. Sa una, kami tukuyin ang uri ng listahan - bullet

... o may bilang na
... .

Ang lahat ng mga elemento ay matatagpuan sa pagitan ng pagbubukas at pagsasara ng tag. Ang bawat item ng listahan ay nagsisimula sa isang bagong linya at may format

1. ... . Ang bilang ng mga elemento ay hindi limitado.

   Font pagpipilian: at mga katangian nito

   Ano ay maaaring mabago gamit ang HTML-tag? Ang laki ng teksto, nito font at kulay - at walang ang pagdaragdag ng mga bagong klase sa CSS. Ito ay napaka-madaling-magamit na kapag kailangan mo upang pumili lamang ng isang pangungusap o fragment.

   ay may ilang mga katangian:

   • Mukha. Ito ay nagpapahintulot sa iyo na baguhin ang font ng text. Maaari mong ilista ang maramihang mga pagpipilian, na pinaghihiwalay ng mga kuwit (Tahoma, Verdana). Maliban kung ang unang font user, ang sistema ay gumagamit ng isang simpleng alternatibo.
   • Laki. Upang taasan o babaan ang teksto, magpasok ng isang naka-quote na halaga ng 1 hanggang 7.
   • Kulay. Depende sa disenyo, maaari kang pumili ng isa sa mga karaniwang kulay (pula, berde, asul) o ipasok ang code ng anumang kulay upang pumili mula sa.

   Huwag gumamit ng mga talata na format gamit ang , sa halip ng subtitle. Ito ay mas mahusay na upang hilingin sa parehong mga parameter ng disenyo tamang tag.

   Pamamaraan para sa pagpili ng teksto

   Walang pagbabago ang tono ng teksto nakapapagod, kahit na hinati-hati sa mga talata. ang susi puntos ay inirerekomenda upang maglaan graphically upang akitin ang pansin at pukawin interes sa mga mambabasa. Narito ang ilang mga koponan na makaya sa gawaing ito.

   ... . Lubhang popular na HTML-tag. Bold text catches ang mata, pero dahil sa mga ito ay maginhawa upang makilala ang mga mahalagang pakikipag-usap puntos at katotohanan.

   Maraming mga tao lituhin ang mga tag at . Biswal na walang pagkakaiba, ngunit gumagana ang mga iyon sa iba't ibang paraan. Ang unang kailangan lang nagbabago ang anyo ng teksto, at ang iba pang ay nagsisilbi bilang isang "pointer" at nagha-highlight sa mga pinakamahalagang bahagi (base sa paksa ng mga keyword at mga parirala para sa SEO).

   ... . Elegant at mahigpit na kurso ay perpekto para sa disenyo ng pang-agham na mga tuntunin, mga banyagang salita at iba't-ibang mga pagsipi. Sa mga seryosong publikasyon italic rin ilabas ang mga pangalan ng likhang sining.

   ... . Marahil kaya magkano kontrobersya ay hindi maging sanhi ng anumang HTML-tag. Lagyan ng salungguhit Teksto ay bihirang ginagamit, tulad ng ito allocation paraan ng kasaysayan ay nakaugat hyperlink. Kung gagamitin mo ang sa mga artikulo, mangyaring tandaan na ito ay angkop lamang para sa maikling piraso - hindi hihigit sa 1 linya.

   ... . Kawili-wiling mga tag na nagbibigay-daan sa iyo upang gawin ang ilan sa mga strikethrough text. Sadyang may kaugnayan sa advertising - halimbawa, upang bigyan ng diin ang kaibahan sa pagitan ng luma at bagong mga presyo.

   ... . Ang pinakamadaling paraan upang dagdagan ang laki ng font nang walang anumang karagdagang mga setting.

   ... . Ito ay gumagana sa parehong prinsipyo bilang ang nakaraang tag. Text itapon sa loob, nabawasan na may paggalang sa lupa.

   ^... . Ang tamang pangalan para sa format na ito - ang superscript. Talaga, ang tag na ito ay dinisenyo para degrees matematika at mga footnote. Ito binabawasan ang laki ng font at shifts ang napiling teksto up.

   _... . subscript ay madalas na matatagpuan sa iba't-ibang mga formula. Ang nakahiwalay fragment ay matatagpuan sa ibaba ng pangunahing teksto.

   semantic lalagyan

   Tulad ng ilang mga bloke ay matatagpuan sa maraming mga teksto, sapagkat sila ay nagsimulang upang lumikha ng mga espesyal na mga tag. Ito pinapasimple ang pag-format, dahil kung ang bawat uri ng nilalaman ay may sarili nitong hanay ng mga estilo, maglaan ng sapat na piraso ng teksto at ipahiwatig kung ano ang impormasyon na nilalaman nito.

   ... . Tag para sa mga code computer. Lubhang kailangan sa Artikulo Programming halimbawa - mga utos ay hindi pinaandar at ipinapakita bilang plain text.

   ... . Dinisenyo upang iproseso ang mga quote - halimbawa, ang susi mga sipi mula sa interbyu.

   ... . Ito ay gumagawa ng bahagi ng teksto sa isang hiwalay na block. Sa pamamagitan ng default, ang pagpipilian ay naka-indent sa kaliwa, ngunit sa CSS maaari mo ring baguhin ang laki, typeface estilo at kulay ng teksto.

   ... . Opsyonal tag na naglalaman ng impormasyon tungkol sa mga may-akda, kabilang ang isang link.

   Ang naghahati linya

   ---

   Na may simpleng mga tampok, maaari mong maitalaga ang lohikal na dulo ng isang malaking seksyon.

   ---

   Hindi ng isang pares na mga tag. Nangangahulugan ito na ang closing hindi na kailangan ng isang format na item.

   C gamit WIDTH attribute ay maaaring gawin mas maikli kaysa sa separator sa pamamagitan ng pagtatakda ng naaangkop na laki sa pixels o porsyento ng ang lapad ng window.

   Upang malaman upang gamitin ang mga tag upang i-format ang teksto sa HTML, hindi lamang ikaw ay gumawa ng iyong mga artikulo mas madaling basahin, ngunit din mapabuti ang kahusayan ng SEO.