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.
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
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.