Help:Lint errors/tidy-whitespace-bug/nl

Deze pagina gaat over Linter fout tidy-whitespace-bug.

Probleem

Tidy verwijdert witruimte van een binnen-tag naar een buiten-tag.

<span>a </span><span>b</span>

wordt:

<span>a</span> <span>b</span>

door de verwerking door Tidy.

Kijk hoe het karakter voor witruimte van binnen de span naar buiten gaat en nu tussen de twee spans staat. Dit is een probleem als de spans CSS hebben die de witruimte beïnvloedt. Bijvoorbeeld wanneer de CSS eigenschap white-space op de elementen is ingesteld.

<span style='white-space:nowrap'>a </span><span style='white-space:nowrap'>b</span>

wordt:

<span style='white-space:nowrap'>a</span> <span style='white-space:nowrap'>b</span>

Dus, zelfs als er 30 spans achter elkaar zijn, kan de browser het opbouwen tussen spans breken omdat Tidy de witruimte verplaatst. HTML5-parser's zoals Parsoid of RemexHTML zullen geen witruimte verplaatsen. Dus is er geen plaats voor de browser om de regel te breken omdat er geen witruimte tussen spans is. Dit zorgt ervoor dat de rij van spans horizontaal onbeperkt uitstrekt.

Oplossing

Dit zal waarschijnlijk ook van invloed zijn op pagina's met een lijst. Dit komt meestal voort uit sjablonen. Redacteurs moeten dus doen wat Tidy doet door witruimte te verplaatsen. Een eenvoudige oplossing zou zijn om een karakter witruimte na de span toe te voegen in het getroffen sjabloon, zoals in dit itwiki-voorbeeld dat wordt gebruikt in it:Template:Campioni_NBA en dat slecht werd weergegeven vóór deze aanpassing.

Hulpmiddelen

De volgende hulpmiddelen kunnen helpen bij het repareren van deze fout met witruimte:

• WPCleaner: zie instructies over hoe WPCleaner te gebruiken om fouten te corrigeren die door Linter worden gedetecteerd. Fouten met witruimte van Tidy kunnen door WPCleaner worden gerapporteerd als onderdeel van het project CheckWiki fout #536.