Rivinvaihtojen ja kappaleiden luominen P- ja BR-tunnisteilla

Kun on kyse HTML: n oppimisesta, kaksi tunnistetta, jotka useimmat ihmiset oppivat aikaisin, ovat kappale- ja rivinvaihtotagit, jotka ovat 

 ja 
vastaavasti. Nämä tunnisteet asettavat luonnollisia katkoksia tekstiin, jotta verkkosivusi sisältö on helpommin luettavissa. Vaikka näitä tunnisteita on melko helppo käyttää, ne voivat myös aiheuttaa hämmennystä ja väärinkäyttöä.

HTML-kappaleelementin oikea käyttö

Kappale-elementti

käytetään tag-parina 

 tunniste, joka avaa elementin ja 

 tunniste sulkee sen. Kirjoittamalla HTML4 tai HTML5, lopputunnistetta ei teknisesti vaadita, mutta tämän tunnisteen sulkeminen katsotaan parhaaksi käytännöksi. XHTML: ssä sulkeminen vaaditaan.

Käytät kappale-elementtiä verkkosivustolla samalla tavalla kuin kirjoitat sisältöä verkon ulkopuolisiin tarpeisiin - kun haluat aloittaa uuden idean tai pisteen. Useimmissa selaimissa on kappaleita, joiden välissä on yksi tyhjä rivi. Tässä on esimerkkikappale HTML-muodossa:

Nyt on kaikkien hyvien miesten aika tulla maansa avuksi. Nopea ruskea kettu hyppäsi laiskan nukkuvan koiran yli.

instagram viewer

Alku- ja loppukappaletagien väliin voi tulla monia muita tunnisteita.

HTML-rivikatkoelementin oikea käyttö

Rivinvaihtoelementti
tag on a singleton-tagi - sillä ei ole lopputunnistetta. XHTML: ssä sinun on käytettävä tagia viimeisellä kauttaviivalla (
), mutta HTML-muodossa (mukaan lukien HTML5) sitä ei vaadita.

Katkaisuelementti on pakotettu rivinvaihto verkkosivun tekstivirrassa. Käytät sitä, kun haluat tekstin jatkavan seuraavalla rivillä, mutta sisältö ei ole erillinen idea tai kohta, mikä tekisi siitä uuden kappaleen. Esimerkki tästä tapahtuu runoudessa, jossa rivinvaihdot ovat yleensä kiinteitä.

Tässä on esimerkki rivinvaihdosta kappaleen sisällä:

Nyt on kaikkien hyvien miesten aika tulla maansa avuksi.

Nopea ruskea kettu hyppäsi laiskan nukkuvan koiran yli.


Koska rivinvaihtotunniste on yksittäinen tunniste, siinä ei voi käyttää muita tunnisteita.

Yleiset väärinkäytöt

ja
Tunnisteet

Ihmiset, jotka ovat uusia koodauksessa, tekevät joitain yleisiä virheitä kappaleen ja rivinvaihdon elementeissä merkittäessään verkkosivua.

  • Käyttämällä
    muuttaa tekstirivin pituutta
    : Break-tagin käyttäminen tekstin pakottamiseksi näyttämään tai rikkoutumaan tietyllä tavalla varmistaa sen sivusi näyttävät hyvältä selaimessasi, mutta eivät välttämättä toisella selaimella eivätkä varmasti kaikilla laitteet. Jos sivustosi on reagoiva verkkosivusto, se muuttaa asettelua näytön eri kokojen perusteella. Selain asettaa sanojen rivitys automaattisesti ja sitten, kun se tulee
    -tunniste, se kietoo tekstin uudelleen, jolloin tuloksena on lyhyitä viivoja ja pitkiä viivoja sekä katkonaista tekstiä. Sinun tulisi käyttää CSS-tyylisivut sanella visuaaliset tyylit sen sijaan, että yrität pakottaa asettelua lisäämällä tiettyjä HTML-elementtejä.
  • Käyttämällä lisätä tilaa elementtien väliin: Jälleen kerran tämä on kääntymässä HTML: ksi luodakseen visuaalisen asettelun, tässä tapauksessa välit, CSS: n käyttämisen sijaan. Tämä on joidenkin HTML-editorien yleinen käytäntö, ja vaikka se ei ole teknisesti väärä, se johtaa hankalaan näköiseen HTML: ään ja voi olla hämmentävää muokata myöhemmin. Se ei myöskään ole verkkostandardien eikä rakenteen ja tyylin erottamisen mukainen. Joissakin tapauksissa rikkomattomia välilyöntejä muuten tyhjät kappaletagit voivat aiheuttaa odottamattomia välilyöntejä eri selaimissa, koska ne kaikki näyttävät tulkitsevan tätä eri tavalla. Paras ratkaisu suunnittelussa tarvittavien välielementtien saavuttamiseksi on käyttää tyylitaulukoita.