Hallo, beste lezers van de blogsite! Degenen die zich er op zijn minst oppervlakkig mee vertrouwd hebben gemaakt, hebben er waarschijnlijk al kennis van genomen, zij het in algemene termen. Dit betekent dat ze een idee hebben van welke HTML-symbolen doorgaans in de documentcode worden gebruikt.

In het artikel van vandaag zullen we proberen erachter te komen wat een spatie is in HTML en in welke gevallen je spaties kunt gebruiken bij het opmaken van de code zelf, zodat deze gemakkelijk te lezen is. We zullen ontdekken wanneer het nodig is om een ​​niet-afbrekende spatie te gebruiken, en ook kennis maken met andere speciale karakters (of, zoals ze ook worden genoemd, geheugensteuntjes).

Sterker nog, ik zou je aanraden om het onderwerp van het gebruik van verschillende speciale tekens niet te negeren, aangezien dit een belangrijk onderdeel is waarmee je je studie van hypertext-opmaaktaal kunt voltooien. Over het algemeen zal de informatie in deze publicatie zeker niet overbodig zijn. Nou, nu ter zake.

Spaties en witruimtetekens in HTML

Eerst moet er een belangrijke opmerking worden gemaakt. Er zijn speciale toetsen op een computertoetsenbord waarmee u tekst kunt scheiden (meer hierover hieronder). Alleen een brede spatiebalk zorgt echter niet alleen voor scheiding tussen woorden in de editor, maar ook in het browservenster. Er zijn nuances bij het afbreken van lijnen en het inspringen vanaf randen.

Zoals u weet, wordt de weergave van bepaalde elementen in een webbrowser bepaald door tags. Voor het opmaken van de tekst wordt gebruik gemaakt van het bekende , dat op blokken gebaseerd is. Dat wil zeggen dat de inhoud zich over de gehele beschikbare breedte bevindt.

Naar wikkel regels binnen paragraaf P, moet je één BR-tag gebruiken, waarmee je dit kunt doen. Laten we zeggen dat we enkele regels uit een gedicht dat we in een teksteditor schrijven in de tekst moeten invoegen:

Ondanks het feit dat de regels van het vers correct zijn geplaatst en koppeltekens op de juiste plaatsen zijn gemaakt, zal alles er anders uitzien in de browser:

Om dezelfde weergave in een webbrowservenster te bereiken, moet u bij elke regeleinde BR schrijven:

Nu hebben we de taak volbracht en worden de poëtische regels volledig correct weergegeven in de browser:

Zo zijn de noodzakelijke regeleinden voltooid. Een ander kenmerk dat hier moet worden opgemerkt, is dat meerdere spaties na elkaar door de webbrowser als één worden weergegeven. U kunt dit verifiëren als u in dezelfde editor niet één, maar meerdere spaties tussen twee woorden probeert te plaatsen en, door op de knop "Opslaan" te klikken, het resultaat in de browser bekijkt.

Spatie, tab en regeleinde

Kortom, met deze witruimte tekens We leren elkaar kennen zodra we in de editor met de tekst aan de slag gaan en deze in de gewenste vorm opmaken. Om een ​​dergelijke taak uit te voeren, zijn er speciale sleutels, die elk overeenkomen met hun eigen spatiekarakter:

• De spatiebalk is de breedste toets op een computertoetsenbord (zonder label);
• Tab - een sleutel aan de linkerkant met het opschrift "Tab" en twee pijlen die in verschillende richtingen wijzen;
• Regeleinde - "Enter"-toets.

Zoals ik hierboven al zei, krijgen we het uiteindelijke gewenste resultaat echter niet alleen in een teksteditor, maar ook in een browser, alleen als we de eerste sleutel gebruiken. Alle drie de toetsen (inclusief tab- en regeleinde) zijn handig bij het opmaken van HTML-code. Laten we zeggen dat dit is hoe een codefragment eruit ziet in NotePad++ (er is veel informatie over deze editor) bij het weergeven van alle witruimtetekens:

We krijgen code die gemakkelijk te lezen en te begrijpen is dankzij spaties. Oranje pijlen geven inkepingen aan die zijn gemaakt met de Tab-toets, en CR- en LF-symbolen geven regeleinden aan die zijn gemaakt met de Enter-toets.

In elkaar geneste containers worden bekeken en de openings- en sluitingstags zijn duidelijk zichtbaar. In dit formulier kan deze code eenvoudig worden bewerkt. Vergelijk het nu met dezelfde code, die niet zo'n tekstverdeling heeft:

Op dezelfde manier kunt u met behulp van witruimtetekens CSS-regels schrijven die er visueel duidelijk en verteerbaar uitzien:

Nadat u alle stijlen onder één noemer heeft gebracht en het bewerken van het stijlenbestand volledig hebt voltooid, kunt u de bewerking uitvoeren door alle spaties uit de code te verwijderen. Dit is nodig om te vergroten, wat erg belangrijk is bij het promoten van een hulpbron.

Speciale tekens (of geheugensteuntjes) in HTML-code

Laten we nu eens kijken naar de gevallen waarin het nodig is om de speciale tekens te gebruiken die ik aan het begin van het artikel noemde. Speciale HTML-tekens, ook wel geheugensteuntjes genoemd, werden geïntroduceerd om een ​​al lang bestaand probleem met coderingen op te lossen dat zich voordeed in hypertext-opmaaktaal.

Wanneer u tekst op het toetsenbord typt, worden de tekens van de taal die u gebruikt gecodeerd. In de webbrowser wordt de getypte tekst weergegeven met de lettertypen die u hebt geselecteerd als resultaat van de omgekeerde decodering.

Het feit is dat er veel van dergelijke coderingen zijn; nu hebben we geen doel om ze in detail te analyseren. Het is alleen zo dat elk van hen bepaalde symbolen mist, die echter wel moeten worden weergegeven. Stel dat u de drang voelt om enkele aanhalingstekens of een accentteken te schrijven, maar deze pictogrammen zijn eenvoudigweg niet opgenomen in de set.

Om dit probleem te elimineren, werd een systeem van speciale symbolen geïntroduceerd, dat een groot aantal verschillende geheugensteuntjes omvat. Ze beginnen allemaal met een ampersand "&" en eindigen meestal met een puntkomma ";". Aanvankelijk had elk speciaal karakter zijn eigen digitale code. Voor een vaste spatie, die we hieronder in meer detail zullen bespreken, is de volgende invoer bijvoorbeeld geldig:

Maar na enige tijd kregen de meest voorkomende symbolen letteranalogen (ezelsbruggetjes) toegewezen om ze gemakkelijker te onthouden. Laten we zeggen dat voor dezelfde niet-brekende ruimte het er als volgt uitziet:

Als gevolg hiervan geeft de browser het bijbehorende symbool weer. De lijst met geheugensteuntjes is erg omvangrijk, meest gebruikte speciale tekens in HTML u kunt ontdekken uit onderstaande tabel:

Gevallen van het gebruik van enkele speciale tekens, inclusief niet-afbrekende spatie en een zacht koppelteken

Als je de tabel al een beetje hebt bestudeerd, heb je de bevestiging gekregen van wat ik hierboven zei, dat om alle speciale tekens weer te geven, een digitale code () of zijn alfabetische analoog (symbolische geheugensteuntjes) wordt gebruikt, waarbij in plaats van een set hash tekens en cijfers, letters () zijn geschreven.

Laten we nu eens kijken wanneer we deze codes moeten gebruiken. Stel dat u in een artikel een HTML-tag moet opgeven voor informatieve doeleinden, bijvoorbeeld: