Witruimte vóór en na value

Geen van beide: gebruik bij voorkeur CSS voor de presentatie en HTML alleen voor de inhoud.

Hoi,

Zo kun je het ook bekijken. Maar dan moet de value wel te benaderen zijn. Dus eigen class hebben, of in een span oid zitten.

Guido

Wat bedoel je met "Kan optie 2 fouten in het "lezen" van de PHP veroorzaken" ?

Ik ben er ook benieuwd naar, maar als er een fout in de code zit, zou dit moeten resulteren in een 'Parse error'.

In principe wil je zoveel mogelijk 'ruwe' waarden hebben. Ik denk dat Ward dat bedoelt. Bij het daadwerkelijk weergeven van die waarde kun je dan de spaties toevoegen.

Dus in plaats van:

<?php

$product_name = ' ' . $value . ' ';

?>
Doe je:

<h1>Omschrijving</h1>
<p>Het product <?php echo $product_name; ?> is echt geweldig!</p>

De variabele heeft dus de waarde zonder spaties, en bij het weergeven van de variabele zet je er in de html spaties omheen.

Soms, wanneer de spatie echt een onderdeel van de waarde is, kun je de spatie wél in php toevoegen. Bij voorbeeld bij het samenstellen van een volledige naam. De spatie is dan een essentieel onderdeel van de string.

<?php

$first_name = 'Pietje';
$last_name = 'Puk';
$full_name = $first_name . ' ' . $last_name;

?>

En uitzondering is bijvoorbeeld ook het bijeenhouden van een valutasymbool en een bedrag:

<?php
$unitPrice = '&euro;&nbsp;' . $amount;
?>

En zelfs dat kun je in CSS oplossen...

Ward van der Put op 14/12/2020 08:31:55

En uitzondering is bijvoorbeeld ook het bijeenhouden van een valutasymbool en een bedrag: mcdvoice

<?php
$unitPrice = '&euro;&nbsp;' . $amount;
?>

En zelfs dat kun je in CSS oplossen...

Thanks for Giving us Such a Great Information

Bij het parsen van HTML maakt het zeker verschil of er witruimte is tussen verschillende elementen.
Neem bijvoorbeeld dit voorbeeld:

<!-- netjes inspringen voor de opmaak -->
  <ul class="dropdownmenu">
    <li><a href="?1">Optie 1</a></li>
    <li><a href="?2">Optie 2</a></li>
  </ul>

Meerdere spaties en regeleinden worden behandeld als een enkele spatie.
Het resultaat is dat er tussen de verschillende <li>-elementen een spatie zit.
Dat wordt vervelend wanneer de items naast elkaar komen met CSS, dan zit die spatie wel eens in de weg.

De HTML broncode hoeft alleen maar leesbaar te zijn voor de browser.
Daarom maak ik gebruik van DOMDocument om HTML5 pagina's te tekenen.
Daarna kan je de (deel)pagina in één keer printen met $dom->saveHTML($dom->documentElement); // fixt encoding
De HTML komt er dan automatisch zo uit:

<ul class="dropdownmenu"><li><a href="?1">Optie 1</a></li><li><a href="?2">Optie 2</a></li></ul>

Wat betreft spaties voor opmaak, zoals monetaire getallen, zou ik UTF-8 ook in CSS gebruiken:

@charset "UTF-8";
.geld {
  position: relative; /* eigen stacking context */
  display: inline-block;  /* voor vaste breedte */
  width: 6em; /* breedte voor kleine bedragen */
  text-align: right;  /* voor onder elkaar uitlijnen */
  font-family: monospace;  /* precies uitlijnen*/
}
.geld:before {
  content: '€ ';  /* <-- euro teken (Unicode U+20ac) + spatie */
  position: absolute;
  top: 0;
  left: 0;
}

En dan in de HTML:

<p>
<span class="geld">123,00</span><br/>
<span class="geld">78,00</span><br/>
<span class="geld">2.345,00</span>
</p>