inspringen head, body

Door Ozzie PHP op 22-02-2013 21:08 gewijzigd op 22-02-2013 21:09

2.846 views

Ola... uit nieuwsgierigheid... springen jullie je <head> en <body> in, of niet?

Inspringen:


<!DOCTYPE html>
<html>
    <head>
        <title>Foo Bar</title>
    </head>

    <body>
        <p>Hallo!</p>
    </body>

</html>

...of niet inspringen?


<!DOCTYPE html>
<html>
<head>
    <title>Foo Bar</title>
</head>

<body>
    <p>Hallo!</p>
</body>

</html>

Wat is het meest gebruikelijk?

Reshad F

22-02-2013 21:11

Ik doe


<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>title</title>
 </head>
 <body>
  
 </body>
</html>

Jordi Kroon

22-02-2013 21:20 gewijzigd op 22-02-2013 21:23

Ik doe dit zelf wel. Geeft meer overzicht vind ik.

[offtopic]Als ik naar jou andere topics kijk dan heb ik het idee dat je erg opzoek bent naar "de beste stijl om te programmeren"[/offtopic]

Ozzie PHP

22-02-2013 21:22

Oké, thanks voor de reacties! Jullie springen dus allebei wel in.

Ik ben benieuwd naar nog meer reacties. Spring je de <head> en <body> wel of niet in?

Wouter J

22-02-2013 23:02

nee, ik spring niet in.

Nick Dijkstra

22-02-2013 23:25

Ik doe het wel, doet NetBeans ook zelf bij format. Vind het ook erg overzichtelijk.

Joren de Wit

22-02-2013 23:30

Ik gebruik als vuistregel dat ik inspring na een tag die ook weer afgesloten moet worden. Dus niet alleen inspringen na <html> en terugspringen voor </html>, maar ook binnen if-statements, for/while loops, javascript, etc.

Het grote voordeel: de open en sluit tags van een bepaald element staan dan onder elkaar, met alles dat erbinnen zit ingesprongen.

Ozzie PHP

22-02-2013 23:42 gewijzigd op 23-02-2013 00:19

Ah oké, thanks... ik spring eigenlijk ook overal in, maar bij body en head deed ik dat eigenlijk nooit. Toch eens proberen dan maar en kijken of het bevalt :)

[size=xsmall]Toevoeging op 23/02/2013 00:18:32:[/size]

En nu we dan toch bezig zijn... maken jullie gebruik van witregels in je html code?

Doe je bijvoorbeeld dit:


<!DOCTYPE html>

<html>

    <head>

        <title>Foo Bar</title>

    </head>

    <body>

        <p>Hallo!</p>

        <article>

            bladiebla bla bla

        </article>

    </body>

</html>

of dit...


<html>
    <head>
        <title>Foo Bar</title>
    </head>
    <body>
        <p>Hallo!</p>
        <article>
            bladiebla bla bla
        </article>
    </body>
</html>

Wouter J

23-02-2013 10:23 gewijzigd op 23-02-2013 10:24

Ik doe het allemaal een beetje willekeurig, vaak is het iets als dit:


<!doctype html>
<html lang=nl>
<head>
    <meta charset=utf-8>

    <title>Hello World</title>

    <link rel=stylesheet href=...>
    <link rel="shortcut-icon" href=...>
</head>

<body class=page>
    <header class=page__head>
        <hgroup>
            <h1>...</h1>
            <h4>Slogan</h4>
        </hgroup>
    </header>

    <div class=page__content>
        <article class=article>
            <header class=article__header>
                <h1>...</h1>
                <time ...>...</time>
            </header>

            <p class=article__excerpt>...</p>
        </article>
    </div>

    <footer class=page__footer>
        <small>&copy; Wouter J</small>
    </footer>
</body>
</html>

Eddy E

23-02-2013 10:58

Ozzie PHP op 22/02/2013 23:42:47

of dit...


<html>
    <head>
        <title>Foo Bar</title>
    </head>
    <body>
        <p>Hallo!</p>
        <article>
            bladiebla bla bla
        </article>
    </body>
</html>

Exact zo.
Al die onnodige regels maken de pagina alleen maar langer.
Omdat <head> een element in <html> is, spring je in.
Moet trouwens in de <article> geen <p> om de tekst heen?

[size=xsmall]Toevoeging op 23/02/2013 11:00:36:[/size]

@ Wouter J: waarom geen dubbele haakjes in je HTML bij de classes?
Jij doet:

<body class=page>

Moet dat niet dit zijn:

<body class="page">

Trouwens, waarom een class op <body>? Je hebt toch maar 1 body? Waarom dan in je CSS body.page benoemen? body alleen volstaat toch prima? Wat is de reden? Meerdere soorten <body>'s?

Joakim Broden

23-02-2013 11:05 gewijzigd op 23-02-2013 11:08

Zodat je de rest van je pagina aan de hand van de body class kunt stijlen. Bijvoorbeeld je hebt een body class 'home' en een body class 'page'. Op de home pagina (class = 'home') heb je een sidebar aan de linker kant en op een vervolg pagina (class = 'page') heb je een sidebar aan de rechter kant. Nu kun je het dus zo stijlen:


.home .sidebar {
	float: left;
}

.page .sidebar {
	float: right;
}

Nu hoef je dus niet met allerlei classes te werken zoals 'sidebar left' of 'sidebar right' etc. Nu heb je 1 algemene class waar je de pagina mee kan stijlen.

Dit zou je bijvoorbeeld ook kunnen doen met meertaligheid met <body class="home nl"> aan de hand van de class nl kun je dan bv nederlandse afbeeldingen inladen en dat soort bende ;-)

Reageren

Inloggen om te reageren