TietokoneetOhjelmointi

HTML-tageja tekstin: linjaus, koon, fontin

Tuntuisi, mitä tietää HTML-tageja tekstin, jos se on melkein minkä tahansa admin on kätevä visuaalinen editori, mikä asettaa ne automaattisesti?

Se, että muotoilua sisällön verkkosivuilla on aivan erilainen työ toimisto-ohjelmat. Ei riitä vain antaa tekstin miellyttävä ulkonäkö, koska oikea rekisteröinnin riippuu paitsi näyttää web-sivun, mutta myös sen edistäminen hakukoneita.

HTML-koodeja ja määreitä: perussyntaksi

Tahansa tekstiä on piilotettu koodi, joka "kertoo" tietokone mitä ja miten haluat näyttää ruudulla. Kaikki tieto on tallennettu joukko universaali elementtejä.

Itse asiassa, HTML-tunnisteita tekstin - tämän joukkueen, jotka lisäävät määritetyn sivun lohkot tai muuttaa niiden ulkonäköä. Oikea tallennusmuoto on seuraavanlainen:

Huomaa, että kaikki tunnisteet on pariksi. Esimerkiksi,
(pass line) tai


(vaakasuora viiva lisäys) ei tarvitse olla suljettu lainkaan.

Miksi ei voi kopioida artikkeleita Wordista ja muista ohjelmista päätoimittaja sivuston

Vaikka moderni toimisto käyttävät samaa HTML-tageja tekstin, 99% koodiksi ei sovi verkkosivuille. Vaikka hakemusasiakirjassa on näkyvissä normaalisti, kun asetat sivusto voi menettää muotoiluja. Lisäksi koska suuri määrä ylimääräisiä tunnisteita, ja hakukoneet eivät riittävästi analysoida sivun sisältöä ominaisuuksia. Tämä puolestaan, vaikeuttaa edistää sivuston.

Jotta saadaan puhdas ja vastaavan koodin, sinun on ensin tyhjentää tekstiä HTML-tageja luotu tavallista editorin. On useita tapoja tehdä tämä:

  1. "Eroon" artikkeli kautta "Muistio" ja vasta sitten aseta sivustoon. Sovellus poistaa kaikki HTML, jotta sitten uudelleen muotoilla tekstiä (työasemalla tai käsityökaluja).
  2. Kirjoita ja julkaista artikkeleita kautta LiveWriter. Suosittu blogi editori heti oikean koodin. Ja erillisessä välilehden, näet, miten teksti näyttää verkkosivuilla.
  3. Käytä HTML Cleaner. Tämä verkkopalvelu ei tuhota kaikki koodi kokonaisuutena, mutta vain ylimääräistä fragmentteja. Suodattimia, voit valita, mitkä tunnisteet tallentaa. Myös voimakas WYSIWYG muodosta, mikä lisää jo optimoitu koodi komentoja.

Tarkista aina HTML ennen julkaisua uusi viesti. Siinä ei pitäisi olla tunnisteita muillakin kuin nyt harkita.

Edellä

Tämä elementti on läsnä lähes kaikki artikkelit. Kukin kohta tulisi sijoittaa sellaiseen säiliöön - tämä yksinkertaistaa muotoilua ja voit säilyttää johdonmukainen tyyli koko sivuston. Mukavuussyistä,

tag aina kirjoitetaan uusi rivi.

suuntaus

Erillinen HTML-tagi "Tekstin tasauksen" ei enää käytetä. Sen sijaan yleinen määrite ALIGN on luotu. Asemoida tekstikenttään sivulla, sinun täytyy valita jokin 3 arvoa - CENTER, oikealle tai vasemmalle. Samoin voit määrittää kohdistuksen muita elementtejä - kuten otsikot.

Joissakin tilanteissa linjaus käyttää muita tunnisteita HTML. keskitettyä tekstiä, esimerkiksi, voidaan järjestää avulla elementin

... . Kätevä erillinen tunniste? Toisin kuin määrite, se toimii minkä tahansa sisältöä, kuten valokuvia, videoita, flash, ja niin edelleen. D.

Nimikkeet ja alanimikkeet

tekstitys Järjestelmän avulla voit luoda loogista rakennetta sisältöä. Kun teksti on jaettu semanttista yksikköä, lukija on paljon helpompi keskittyä ja oppia uutta tietoa. Hakukoneet analysoi myös otsikoihin, mitkä kyselyt edistävät sivun. Siksi SEO asiantuntijat suosittelevat käytettäväksi niiden aiheiden avaimet.

HTML käyttää kuutta tasoa tekstitykset - alkaen

ja

. Tässä järjestelmässä on selvä hierarkia:

  • ... . Pääotsikon (artikkelin otsikkoa, tavarat verkkokaupasta, ja niin edelleen. D.). Tekstissä voi olla vain yksi

    . Yleensä se sisältää tärkeimmät avainsanat.

  • ... . Tekstitykset toisen tason katkoa tekstiä mielekäs yksiköihin. Jos esimerkiksi olit rating läppäreissä, voit tehdä muutamia

    nimet eri malleja.

  • ... . Kolmannella tasolla tarvitaan, jos välissä oleva teksti

    on myös jaettu pieniksi kuviopaloiksi. Tässä esimerkissä tämä voi olla arviointikriteerit - "Performance", "Muisti", "Video", ja niin edelleen kunkin mallin ...

  • ,

    ,
    . Käytännössä hyvin harvinaisia. Mutta yleinen periaate on sama - ne on "upotettu" yksikön kanssa korkein tekstityksen.

Varoa säilymisen oikeaan hierarkian. Palataksemme esimerkissä tämä tarkoittaa, että et voi heti tulla mallin nimiä kuten

tai

. Ja lisäksi käyttää homogeenista merkityksessä tekstitys korttelin eri tasoilla (esimerkiksi korostamalla kannettavan, sijoittui viime vuonna luokitus käyttäen
).

Mutta järjestelmää, joka hetkessä ymmärtää ja muistaa oikea rakenne otsikoiden HTML.

luettelot

Siirtämistä ja parempaa ohjeiden muodossa luetteloita käyttämällä HTML-tunnisteita tekstin (yleinen virhe - vain muutaman kappaleen

, joka alkaa väliviivalla tai numero).

Rakenne tällaista lohkoa on hyvin yksinkertainen. Aluksi määrittelemme listatyyppi - bulleted

    ... tai numeroidun
      ... .

      Kaikki elementit välissä avaaminen ja sulkeminen tageja. Kunkin kohdan alkaa uuden linjan ja on muotoa

    1. ... . Elementtien lukumäärä ei ole rajoitettu.

      Fontin valinta: ja sen attribuutteja

      Mitä voidaan vaihtaa käyttämällä HTML-tunnisteen? Koko tekstin, sen fontin ja värin - ja lisäämättä uusien luokkien CSS. Tämä on erittäin kätevä, kun haluat valita vain yhden lauseen tai fragmentti.

      on useita attribuutteja:

      • Kasvot. Sen avulla voit muuttaa fontin tekstin. Voit luetella useita vaihtoehtoja, erotettuna pilkuilla (Tahoma, Verdana). Ellei käyttäjä ensin fontti, järjestelmä käyttää yksinkertainen vaihtoehto.
      • Koko. Lisätä tai vähentää tekstin, kirjoita lainattu arvo 1-7.
      • Väri. Mallista riippuen, voit valita yhden standardin värejä (punainen, vihreä, sininen) tai antamalla koodin tahansa väri valita.

      Älä käytä kappaleet, jotka on alustettu sijasta tekstityksiä. On parempi esittää saman suunnittelun parametrit tunnistetietoja.

      Menetelmät tekstin valinta

      Yksitoikkoinen teksti väsyttävä, vaikka jakautuu kappaleisiin. keskeisiä kohtia on suositeltavaa jakaa graafisesti herättää huomiota ja sekoita kiinnostusta lukija. Tässä muutamia joukkueita, jotka selviytyä tästä tehtävästä.

      ... . Erittäin suosittu HTML-koodia. Lihavoitu teksti katseet, mutta koska se on kätevä erottaa tärkeitä puheenaiheita ja tosiasiat.

      Monet ihmiset sekoittavat tunnisteet . Visuaalisesti ei ole eroja, mutta ne toimivat eri tavoin. Ensimmäisessä yksinkertaisesti muuttaa tekstin ulkoasua, ja toinen toimii "osoitin" ja korostetaan tärkeimmät osat (temaattinen avainsanoja ja lauseita SEO).

      ... . Elegantti ja tiukka kurssi sopii suunnittelun tieteellisiä termejä, vieraita sanoja ja erilaisia lainauksia. Vakavissa julkaisuissa kursiivilla myös vapauttaa nimet taideteoksia.

      ... . Ehkä niin paljon ristiriitoja ei aiheuttanut HTML-koodia. Alleviivata tekstiä käytetään harvoin, koska tämä jako menetelmä historiallisesti linnoittautuneet hyperlinkeille. Jos käytät esineissä, huomaa, että tämä sopii vain lyhyitä - enintään 1 linjaa.

      ... . Mielenkiintoisia koodi, jonka avulla voit tehdä joitakin yliviivauksen tekstin. Erittäin merkityksellisiä mainonnan - esimerkiksi korostaa kontrasti vanhan ja uuden hinnan.

      ... . Helpoin tapa lisätä fonttikokoa ilman muita asetuksia.

      ... . Se toimii samalla periaatteella kuin edellinen tagi. Teksti, joka on sijoitettu, joka on pelkistetty maahan nähden.

      ... . Oikea nimi tälle muodossa - yläindeksi. Pohjimmiltaan tämä tunniste on suunniteltu matematiikan astetta ja alaviitteet. Se vähentää fontin koon ja siirtää valitun tekstin ylös.

      ... . Alaindeksi on usein eri kaavoja. Eristetty fragmentti alla sijaitsee varsinaisessa tekstissä.

      semanttinen kontit

      Kuten jotkut lohkot monissa teksteissä, sillä he alkoivat luoda erityinen tageja. Tämä yksinkertaistaa muotoilua, koska jos jokainen sisältötyyppi on omat tyylejä, myöntämään riittävästi palan tekstiä ja ilmoittaa, mitä tietoja se sisältää.

      ... . Tag tietokoneen koodeja. Korvaamaton artiklassa ohjelmointiesimerkit - komentoja ei suoriteta ja tekstiviestinä.

      ... . Suunniteltu käsittelemään lainausmerkit - esimerkiksi avain otteita haastattelusta.

      ... . Se tekee osa tekstistä erillisessä lohkossa. Oletuksena valinta on sisennetty vasemmalla, mutta CSS voi myös muuttaa, -tyyppiä tyyli ja tekstin väriä.

      ... . Valinnainen koodi, joka sisältää tietoa tekijän, jossa on linkki.

      Jakolinja

      Yksinkertaisia ominaisuuksia, voit nimetä loogista lopussa suuri osa.


      ei paria tunnisteita. Tämä tarkoittaa sitä, että sulkeminen ei tarvitse muodossa kohde.

      C käyttäen WIDTH ominaisuutta voidaan tehdä lyhyemmäksi kuin erotin asettamalla sopiva koko pikseleinä tai prosentteina ikkunan leveys.

      Oppia käyttämään tunnisteita muotoilla tekstiä HTML, sinun ei vain tehdä artikkeleita helpompi lukea, mutta myös tehostaa SEO.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 fi.atomiyme.com. Theme powered by WordPress.