Nice to Know

Schone/Duidelijke code

Categorie: HTML & CSS » Webdesign door Zain op 24-07-2005

Dit geld niet zozeer voor HTML, maar ook bijv. voor PHP. Vaak zie je dit soort code terugkomen :

#Code
1
2
3
4
5
6
7
<p><img src="http://blaat.superman.leet/schaap/iets.png" border=0></p><br> 
<p><img src="http://blaat.superman.leet/schaap/iets1.png" border=0></p><br> 
<p><img src="http://blaat.superman.leet/schaap/iets3.png" border=0></p><br> 
<p><img src="http://blaat.superman.leet/schaap/iets4.png" border=0></p><br> 
<p><img src="http://blaat.superman.leet/schaap/iets5.png" border=0></p><br> 
<p><img src="http://blaat.superman.leet/schaap/iets6.png" border=0></p><br><p><img src="http://blaat.superman.leet/schaap/iets8.png" border=0></p><br> 
<p><img src="http://blaat.superman.leet/schaap/iets9.png" border=0></p><br>


Dit staat allemaal erg op elkaar, en door de vele tags die door elkaar lopen zie je al snel niet meer wat nou bij wat hoord, en raak je de kluts kwijt. ( Hier valt het wel mee, maar bekijk dit eens over javascript ) Persoonlijk zou ik gek worden, en al snel stoppen en overnieuw beginnen. Heb je een vraag of werkt je code niet, en wil je het vragen aan iemand op een forum of whatever, heb je veel kans dat je als antwoord krijgt 'nou nee, ga die klomp code niet bekijken' omdat het erg onduidelijk dus tijdrovend is. Wil je is wat gaan veranderen, moet je eerst veel tijd besteden om erachter te komen hoe alles nou zat, niet handig dus. Doe het bijv. op deze manier;

#Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<p> 
<img src="http://blaat.superman.leet/schaap/iets10.png" border=0> 
<br> 
<p> 
<img src="http://blaat.superman.leet/schaap/iets1.png" border=0> 
<br> 
<img src="http://blaat.superman.leet/schaap/iets3.png" border=0> 
<br> 
<img src="http://blaat.superman.leet/schaap/iets4.png" border=0> 
<br> 
<img src="http://blaat.superman.leet/schaap/iets5.png" border=0> 
<br> 
<img src="http://blaat.superman.leet/schaap/iets6.png" border=0> 
<br> 
<img src="http://blaat.superman.leet/schaap/iets8.png" border=0> 
<br> 
<img src="http://blaat.superman.leet/schaap/iets9.png" border=0> 
<br> 
</p>


Bijv. ik en een paar anderen vonden dit al stukken duidelijker. Quote:

HTML kent geen enter, vandaar dat ik vroeger zocht naar de nl2br() functie



Dit is wat Pc_Freak tegen me zei toen ik voor het eerst over nl2br hoorde. Nu zal je denken, wat heeft dat ermee te maken? Aardig wat, omdat HTML geen Enter kent

Dit dus, kan je zomaar een nieuwe lijn beginnen waar jij het wilt! Dus kan het helpen om je code een stukje schoner te maken.

#Code
1
2
3
4
5
6
7
8
<table align="center">
     <tr>
           <td class="myclass">
                <p>Blaat.
                </p>
      </tr>
             </td>
</table>


Persoonlijk vind ik dit handig (niet dat ik het altijd gebruik hoor) maar zo kan je makkelijk bijhouden wat bij wat hoort.

Dit heeft natuurlijk een hoop te maken met jou code stijl of je het nu handig vindt of niet, maar het kan wel handig zijn :-)

P.S. dit kan ook belangrijk zijn als je in een team aan een project werkt!

« Terug
13 reacties
Zain Geplaatst op 25-07-2009 om 17:07
Avatar van Zain

Regular
Ik heb alleen de code wat netter gemaakt- wat niet wil zeggen dat dat de goeie manier is. Voor dit soort dingen kan je beter een list gebruiken.
cablegunmaster Geplaatst op 13-05-2009 om 06:14
 

Regular
<br/> ftw :)
joannis11 Geplaatst op 27-04-2009 om 17:57
 

Regular
En verder kun je ook <b> en afsluiting </b> gebruiken =D
Zain Geplaatst op 03-02-2009 om 14:27
Avatar van Zain

Regular
Ja.. Dat komt omdat een paragraaf zoiezo op een nieuwe lijn begint... Tenzij je wat anders aangeeft met CSS.
joannis11 Geplaatst op 18-01-2009 om 09:56
 

Regular
Html kent ZEKER wel een enter.
Plaat voor de zin een "<p>", zonder aan het einde </p>
Dan begint hij op de volgende regel.

Het mag dan geen enter zijn zoals wij dat doen.
Maar echt moeilijk is het niet ^^
<p>
Kleine code, ook dan nog ^^

Pagina 1 2 3 

Om te reageren moet je ingelogd zijn.
Nog niet geregistreerd? Doe dat dan nu!


Terug naar gewone pagina

Websitemaken wordt gehost door Nucleus.be, uw Hosting Solution Builder