Reavahetuste ja lõikude loomine siltidega P & BR

click fraud protection

HTML-i õppimise osas on kaks silti, mida enamik inimesi varakult õpib, lõigu- ja reavahemärgendid, mis on 

 ja 
vastavalt. Need sildid lisavad teie tekstile loomulikke katkestusi, et teie veebilehe sisu oleks hõlpsam lugeda. Kuigi neid silte on üsna lihtne kasutada, võivad need tekitada ka teatud segadust ja neid võib väärkasutada.

HTML-lõigu elemendi õige kasutamine

Lõigu element

kasutatakse sildipaarina koos 

 silt avades elemendi ja 

 silt sulgeb. Kirjalikult HTML4 või HTML5, pole lõppmärgist tehniliselt vaja, kuid selle sildi sulgemiseks peetakse parimat tava. XHTML-is sulgemine on vajalik.

Lõiguelementi kasutate veebisaidil samamoodi nagu veebiväliste vajaduste jaoks sisu kirjutamisel - kui soovite alustada uue idee või punktiga. Enamik brausereid kuvab lõike, mille vahel on üks tühi rida. Siin on HTML-i näidislõik:

Nüüd on aeg kõigil tublidel meestel oma riigile appi tulla. Kiire pruun rebane hüppas üle laisa magava koera.

Algava ja sulgeva lõigu sildi vahele võib ilmuda palju muid silte.

instagram viewer

HTML-i reavahetuse elemendi õige kasutamine

Reavahetuse element
silt on a üksik silt - sellel pole lõppmärgist. XHTML-is peate sildi kasutama viimase kaldkriipsuga (
), kuid HTML-is (sh HTML5) pole seda vaja.

Katkestuselement on sunnitud reamurdmine veebilehe tekstivoo sees. Kasutate seda siis, kui soovite, et tekst jätkuks järgmisel real, kuid sisu ei ole eraldi idee ega punkt, mis muudaks selle teiseks lõiguks. Selle näiteks on luule, kus reavahetused on tavaliselt fikseeritud.

Siin on lõigu sees oleva reavahetuse näide:

Nüüd on aeg kõigil tublidel meestel oma riigile appi tulla.

Kiire pruun rebane hüppas üle laisa magava koera.


Kuna reavahemärgend on üksikmärgend, ei saa selles muid märke kasutada.

Programmi tavalised väärkasutused

ja
Sildid

Inimesed, kes on kodeerimises uued, teevad veebilehe märkimisel lõigu- ja reavahemikelementidega ühiseid vigu.

  • Kasutamine
    tekstirea pikkuse muutmiseks
    : Break-tagi kasutamine teksti sundimiseks või purustamiseks teatud viisil sundimiseks tagab selle teie lehed näevad teie brauseris suurepärased välja, kuid mitte tingimata mõnes teises brauseris ja kindlasti mitte kõigil seadmeid. Kui teie sait on tundlik veebisait, muudab see paigutust erinevate ekraanisuuruste põhjal. Brauser paneb automaatselt sõna pakkima ja siis, kui see puudutab
    sildi, mähib see teksti uuesti, mille tulemuseks on lühikesed read ja pikad read ning kohev tekst. Sa peaksid kasutama CSS-i stiililehed dikteerida visuaalseid stiile, selle asemel et proovida paigutust sundida konkreetsete HTML-elementide lisamisega.
  • Kasutamine elementide vahele ruumi lisamiseks: Taaskord pöördutakse HTML-i poole, et CSS-i kasutamise asemel luua visuaalne paigutus, antud juhul tühikud. See on mõne HTML-redaktori tavapärane praktika ja kuigi see pole tehniliselt vale, põhjustab see ebamugava välimusega HTML-i ja võib hiljem segadust tekitada. Samuti ei ole see kooskõlas veebistandarditega ning struktuuri ja stiili eraldamisega. Mõnel juhul murdmata tühikud muidu tühjade paragrahvimärkide sees võivad erinevates brauserites ilmneda ootamatud tühikud, kuna need kõik tõlgendavad seda erinevalt. Parim lahendus kujunduses vajalike vahekauguselementide saavutamiseks on stiililehtede kasutamine.
instagram story viewer