paragraaf <br><br>
Als ik een tekst heb, geef ik wel eens 2 <br><br>'s achter elkaar. Je krijgt dan 2 tekstbloken met een witregel ertussen. Voorbeeld:
Code (php)
1
2
3
4
2
3
4
<p>
De website is nu niet beschikbaar.<br><br>
The website is not available at the moment.
</p>
De website is nu niet beschikbaar.<br><br>
The website is not available at the moment.
</p>
Kan/"mag" dit? Of moet ik er 2 alinea's van maken?
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<p>
De website is nu niet beschikbaar.
</p>
<p>
The website is not available at the moment.
</p>
De website is nu niet beschikbaar.
</p>
<p>
The website is not available at the moment.
</p>
De vraag is dus eigenlijk of je in een tekst wel eens 2 x een <br> achter elkaar kunt plaatsen, of dat er dan automatisch sprake is van 2 alinea's. Ik dacht dat een alinea eigenlijk ook een ander onderwerp dient te hebben. In mijn voorbeeldje is het onderwerp hetzelfde... dus dan zou je denken dat het 1 alinea is... maar er staat wel een witregel tussen... Weet iemand hoe het zit?
2 witregels is een nieuwe alinea. Wat ik wel vaak gebruik is, wat ik noem, 'subalineas'. Dan heb je 1 enter.
Gedeelte van een geschreven of gedrukte tekst, bestaande uit een beperkt aantal (vol)zinnen die inhoudelijk nauw met elkaar samenhangen of anderszins een geheel vormen. Een nieuwe alinea is herkenbaar aan het gegeven dat er op een nieuwe regel begonnen wordt terwijl de vorige regel nog niet vol is. Om misverstanden te voorkomen laat men in kopij een alinea inspringen, maar ook in typografie is deze gewoonte gebruikelijk. Een aantal alinea's tezamen vormen een paragraaf of een hoofdstuk.
paragraaf
Een van de hiërarchische, organisatorische niveaus waarop een prozatekst onderverdeeld kan worden, van groot naar klein: volume, deel, hoofdstuk, paragraaf, alinea, zin enz. Een paragraaf wordt in de tekst meestal weergegeven door een regel wit, soms door een apart typografisch teken in de marge (paragraafteken). De alinea is gewoonlijk een deelstructuur van de paragraaf.
Gewijzigd op 02/04/2013 15:29:47 door Frank Nietbelangrijk
Ozzie PHP op 02/04/2013 14:39:18:
Oké... maar normaal gesproken... taalkundig gezien (dus even niet in HTML denken), kan een alinea dan een witregel hebben? Of betekent een witregel automatisch een nieuwe alinea?
Ja.
Als je een witregel hebt, is het een nieuwe alinea. Maar een alinea is NIET hetzelfde als een paragraaf (als in <p>).
Dus je kan makkelijk meerdere alinea's per paragraaf hebben!
Je kan met CSS ook het gedrag van <br> aanpassen om hem zo wat meer ruimte te geven ;)
Als we even naar de <h*>'s kijken:
<h1> = titel van site = titel ... site?
<h2> = titel pagina = hoofdstuk <article> of <body>
<h3> tm h6 = titel paragraaf = paragraaf <p>
Een alinea krijgt geen heading.
Heb je wel een heading moet er dus daaronder een nieuwe <p> komen.
Twee heading (al is het 2x <h6>) mogen niet in een <p>.
Gewijzigd op 02/04/2013 17:34:09 door Eddy E
Dus een <p> is niet hetzelfde als een alinea...?
Maar hoe moet ik dan binnen een paragraaf <p> een alinea maken? Moet ik dan 2x een <br> doen? Of moet ik die <br> meer ruimte geven, en zo ja hoe?
• een paragraph (Engels) is een alinea (Nederlands);
• een paragraaf (Nederlands) is een section (Engels).
Gewijzigd op 02/04/2013 18:00:44 door Ward van der Put
Eddy E op 02/04/2013 17:31:27:
<h1> = titel van site = titel ... site?
<h2> = titel pagina = hoofdstuk <article> of <body>
<h3> tm h6 = titel paragraaf = paragraaf <p>
<h2> = titel pagina = hoofdstuk <article> of <body>
<h3> tm h6 = titel paragraaf = paragraaf <p>
Hier ben ik het dan al niet mee eens maar dat is een andere discussie.
In een <h1> hoort het belangrijkste van de pagina. Op een contact pagina zal dat bijvoorbeeld "contacteer mij" zijn of op een about pagina "over mij". De <h2> bevat daarentegen de website-title.
Sinds HTML5 de nieuwe HTML outline introduceerde is een H1 de belangrijkste titel in een sectioning element (article, header, body, ect.). Dat betekend dus dat dit goede HTML is:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<article>
<h1>Hello World!</h1>
<!-- ... -->
<h2>Subtitle</h2>
<!-- ... -->
<aside>
<h1>...</h1>
</aside>
</article>
<article>
<h1>...</h1>
</article>
<h1>Hello World!</h1>
<!-- ... -->
<h2>Subtitle</h2>
<!-- ... -->
<aside>
<h1>...</h1>
</aside>
</article>
<article>
<h1>...</h1>
</article>
Zie ook: http://html5doctor.com/outlines/
Ward van der Put op 02/04/2013 18:00:08:
Dit berust op een linguïstische vergissing. Het zit namelijk zo:
• een paragraph (Engels) is een alinea (Nederlands);
• een paragraaf (Nederlands) is een section (Engels).
• een paragraph (Engels) is een alinea (Nederlands);
• een paragraaf (Nederlands) is een section (Engels).
Oké, dus wat Eddy zei klopte niet. Een <p> is dus wat wij een alinea noemen.
Code (php)
1
2
3
2
3
Het is een mooie dag en de zon schijnt. Het heeft er alle schijn van dat de lente eindelijk is begonnen.
Buiten spelen de kinderen, maar Ward, Wouter, Jasper en Eddy zitten achter hun beeldscherm gekluisterd en spelen een videogame.
Buiten spelen de kinderen, maar Ward, Wouter, Jasper en Eddy zitten achter hun beeldscherm gekluisterd en spelen een videogame.
Dit zijn dus 2 alinea's... ofwel 2 <p>'s. Correct?
Quote:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut laoreet diam sit amet nisl tincidunt porta. Nunc porta convallis sagittis. Duis dapibus, lacus ut pulvinar tincidunt, ipsum sem pretium est, nec varius quam erat at turpis. Cras sapien magna, tincidunt non rhoncus vitae, sollicitudin nec magna.
Fusce vehicula, justo et venenatis pellentesque, lorem turpis ultrices odio, vel mollis ipsum nibh ut neque. Sed porttitor laoreet neque, quis tristique eros adipiscing eu. Morbi tincidunt cursus fringilla. Morbi eu felis nec leo aliquam lobortis. Quisque at odio ut libero pellentesque tempus a ut massa.
Pellentesque non mauris quam. Nam eu lorem lorem, eu fringilla massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut varius, justo eget molestie fringilla, sapien tellus rutrum est, a lobortis diam orci sit amet lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur mollis egestas purus quis elementum. Maecenas rhoncus, tortor eu tincidunt blandit, nisi risus placerat ante, eget venenatis nibh enim ut lorem. Etiam vel erat sed sapien vulputate posuere. Mauris eget lectus non ante pretium venenatis id ac justo. Donec velit erat, molestie sed euismod ac, imperdiet sed sem. In hac habitasse platea dictumst. Duis convallis, nisi a euismod imperdiet, lacus velit semper eros, varius egestas diam massa in dolor. Nulla scelerisque ultrices ligula ac ornare. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Fusce vehicula, justo et venenatis pellentesque, lorem turpis ultrices odio, vel mollis ipsum nibh ut neque. Sed porttitor laoreet neque, quis tristique eros adipiscing eu. Morbi tincidunt cursus fringilla. Morbi eu felis nec leo aliquam lobortis. Quisque at odio ut libero pellentesque tempus a ut massa.
Pellentesque non mauris quam. Nam eu lorem lorem, eu fringilla massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut varius, justo eget molestie fringilla, sapien tellus rutrum est, a lobortis diam orci sit amet lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur mollis egestas purus quis elementum. Maecenas rhoncus, tortor eu tincidunt blandit, nisi risus placerat ante, eget venenatis nibh enim ut lorem. Etiam vel erat sed sapien vulputate posuere. Mauris eget lectus non ante pretium venenatis id ac justo. Donec velit erat, molestie sed euismod ac, imperdiet sed sem. In hac habitasse platea dictumst. Duis convallis, nisi a euismod imperdiet, lacus velit semper eros, varius egestas diam massa in dolor. Nulla scelerisque ultrices ligula ac ornare. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
Omgezet naar html wordt:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut laoreet diam sit amet nisl tincidunt porta. Nunc porta convallis sagittis. Duis dapibus, lacus ut pulvinar tincidunt, ipsum sem pretium est, nec varius quam erat at turpis. Cras sapien magna, tincidunt non rhoncus vitae, sollicitudin nec magna.<br/>
Fusce vehicula, justo et venenatis pellentesque, lorem turpis ultrices odio, vel mollis ipsum nibh ut neque. Sed porttitor laoreet neque, quis tristique eros adipiscing eu. Morbi tincidunt cursus fringilla. Morbi eu felis nec leo aliquam lobortis. Quisque at odio ut libero pellentesque tempus a ut massa.
</p>
<p>
Pellentesque non mauris quam. Nam eu lorem lorem, eu fringilla massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut varius, justo eget molestie fringilla, sapien tellus rutrum est, a lobortis diam orci sit amet lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur mollis egestas purus quis elementum. Maecenas rhoncus, tortor eu tincidunt blandit, nisi risus placerat ante, eget venenatis nibh enim ut lorem. Etiam vel erat sed sapien vulputate posuere. Mauris eget lectus non ante pretium venenatis id ac justo. Donec velit erat, molestie sed euismod ac, imperdiet sed sem. In hac habitasse platea dictumst. Duis convallis, nisi a euismod imperdiet, lacus velit semper eros, varius egestas diam massa in dolor. Nulla scelerisque ultrices ligula ac ornare. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut laoreet diam sit amet nisl tincidunt porta. Nunc porta convallis sagittis. Duis dapibus, lacus ut pulvinar tincidunt, ipsum sem pretium est, nec varius quam erat at turpis. Cras sapien magna, tincidunt non rhoncus vitae, sollicitudin nec magna.<br/>
Fusce vehicula, justo et venenatis pellentesque, lorem turpis ultrices odio, vel mollis ipsum nibh ut neque. Sed porttitor laoreet neque, quis tristique eros adipiscing eu. Morbi tincidunt cursus fringilla. Morbi eu felis nec leo aliquam lobortis. Quisque at odio ut libero pellentesque tempus a ut massa.
</p>
<p>
Pellentesque non mauris quam. Nam eu lorem lorem, eu fringilla massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut varius, justo eget molestie fringilla, sapien tellus rutrum est, a lobortis diam orci sit amet lorem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur mollis egestas purus quis elementum. Maecenas rhoncus, tortor eu tincidunt blandit, nisi risus placerat ante, eget venenatis nibh enim ut lorem. Etiam vel erat sed sapien vulputate posuere. Mauris eget lectus non ante pretium venenatis id ac justo. Donec velit erat, molestie sed euismod ac, imperdiet sed sem. In hac habitasse platea dictumst. Duis convallis, nisi a euismod imperdiet, lacus velit semper eros, varius egestas diam massa in dolor. Nulla scelerisque ultrices ligula ac ornare. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</p>
Persoonlijk gebruik ik <br/> bar weinig omdat dat in mijn ogen taalkundig niet klopt. Je kan het vergelijken met de harde en de zachte enter in word. Harde enter maakt een nieuwe alinea / paragraaf (= met witregel dus <p>) een zachte enter begint enkel een nieuwe lijn dus <br/>. Of dat nu een alinea of een paragraaf is laat ik in het midden we studeren tenslotte geen toegepaste letterkunde.
Gewijzigd op 02/04/2013 20:03:08 door Jasper DS
Als je in Microsoft Word op Enter drukt, begin je een nieuwe alinea met een ding dat de "alineamarkering" wordt genoemd. In Adobe InDesign, het zusje van Photoshop, precies hetzelfde verhaal: Enter is een nieuwe alinea, waarop je een aparte alineastijl toepast. Allemaal volgens hetzelfde principe als de <p> in HTML.
Maar Eddy raakt wel terecht aan een ander punt: het is maar de vraag of een Google daarmee iets doet. In Blogger (van Google) krijg je met Enter+Enter een <br><br>. Er zijn miljoenen blogposts met een <br><br> waar eigenlijk een </p><p> wordt bedoeld. Geen hond (en geen Google) die het ziet.
bedoel je?
Toch zit er een verschil tussen een paragraaf en een alinea. In een (lees)boek heb je meestal geen paragrafen, wel alinea's. In studieboeken heb je wel paragrafen en kan je makkelijk meerdere alinea's in 1 paragraaf hebben.
Dat het engelse paragraph vertaalt naar alinea is raar... want volgens mijn woordenboek is dat ook gewoon paragraaf.
Alinea > Engels geeft wel paragraaf. Kent het engels wel iets als 'alinea' != paragraaf?
Maar goed.
Hij vraagt of <br><br> is toegestaan. Antwoord: ja. Is het perfect? Nee. Een <br> zou moeten voldoen.
In je CSS kan je toch gewoon dit doen?
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
br
{
line-height: 2em;
/* eventueel */
clear: both;
display: table;
margin-top: 1em;
}
{
line-height: 2em;
/* eventueel */
clear: both;
display: table;
margin-top: 1em;
}
Gewijzigd op 02/04/2013 21:35:08 door Eddy E
Jasper DS op 02/04/2013 20:05:01:
Daarom dat ik de nl2br() functie van php niet erg goed vind. Maar je kan dus str_replace() doen op <br/>br/> en vervangen door <p> en dan achteraan nog een </p> toevoegen maar dat is vrij omslachtig en kan hoogstwaarschijnlijk beter.
Inderdaad. Dan krijg je dus zoiets (voor de 'Googlaars'):
Code (php)
1
$variable = str_replace("\n", "</p>\n<p>", '<p>'.$variable.'</p>');
Gewijzigd op 02/04/2013 23:08:23 door P-ter AA
Eddy E op 02/04/2013 21:34:52:
Deze vorm wordt inderdaad gebruikt. Bijvoorbeeld drie alinea's zonder tussenwit, dan een regel wit en vervolgens nog eens drie alinea's zonder tussenwit. Alleen zijn dat toch zes alinea's en zes keer een <p>...</p>. Op de plaats van die witregel kun je vaak een tussenkopje plaatsen. En dan heb je inderdaad twee duidelijk gescheiden paragrafen mét paragraafkoppen.Toch zit er een verschil tussen een paragraaf en een alinea. In een (lees)boek heb je meestal geen paragrafen, wel alinea's. In studieboeken heb je wel paragrafen en kan je makkelijk meerdere alinea's in 1 paragraaf hebben.