Is het mogelijk om tijdens een while loop bij de laatste gegevens die er op worden gehaald de <hr> te verbergen? Zo voorkom ik dat er een streepje bovenaan staat en alleen als afscheiding tussen de opgehaalde gegevens.
>> En waarschijnlijk bedoelde je "semantisch"?

yup ... corrected

>> Bij mijn meten mogen "self-closing tags" (zoals img, hr etc.) nog steeds optioneel een forward slash bevatten. Het is dus niet fout, het is enkel niet noodzakelijk.


Void elements only have a start tag; end tags must not be specified for void elements.

Bron: http://www.w3.org/TR/html5/syntax.html#void-elements

Het gaat hier om de sluitingstag, maar over het algemeen ook de sluit-slash. Die sluit-slash zoals in <br /> is eigenlijk een xhtml ding.
Als het toch een visuele lijn moet zijn in combinatie met geen lijn onder het laatste element, is de CSS-eigenschap border-bottom in combinatie met de pseudo-klasse :last-child misschien een betere oplossing.
@Ward

Lijkt me inderdaad een veel betere oplossing.
Ozzie PHP op 04/07/2016 14:22:23

Bron: http://www.w3.org/TR/html5/syntax.html#void-elements

En als je daar even doorleest:
Then, if the element is one of the void elements, or if the element is a foreign element, then there may be a single "/" (U+002F) character. This character has no effect on void elements, but on foreign elements it marks the start tag as self-closing.


Maar het is dus niet gebruikelijk in html5.

Zie ook hier: http://www.w3schools.com/tags/tag_hr.asp


Differences Between HTML and XHTML

In HTML, the <hr> tag has no end tag.
In XHTML, the <hr> tag must be properly closed, like this: <hr />.
Ik denk dat jij het over smaak hebt, ik heb het over geldige syntax. Het is voor syntax niet relevant wat gebruikelijk is of niet, de regels over wat is toegestaan en wat niet zijn duidelijk.
Dan doe je toch wat jij het leukst vindt? Ik geef enkel iets aan, meer niet. Wat je ermee doet moet je zelf weten.
Na het allemaal doorgelezen te hebben vond ik @Ward zijn antwoord het makkelijkst toepasbaar en het mooist. Alleen ik wilde een <hr> omdat ik die namelijk kleiner kan maken dan de div eronder die ik een border-top kon geven.

Alleen het first-child pseudo-class werkt daar niet op dus ik ben uiteindelijk voor de :first-of-type gegaan.
Zie: https://www.w3.org/TR/css3-selectors/#first-of-type-pseudo

Reageren