Småspørsmål om HTML-kode - hva er vanlig?

[MiSP]

Dette kan virke som et fillespørsmål, men jeg spør likevel: Hva er standard bruk av linjeskift når man skriver HTML, fra et kildekodemessig standpunkt?

 

(Alle eksempler er hentet fra mitt blogginnlegg "∞".)

 

Eksempel 1:

<img style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;" src="http://bp3.blogger.com/__2s-pLBPVSc/RpfZsUblBUI/AAAAAAAABVs/7IDEW9zLyno/s200/443145a-i1.0.jpg" title="Multivers - er vi bare ett av mange univers?" border="0" alt="Multivers" id="BLOGGER_PHOTO_ID_5086773659560117570" />

Her er alt på en linje, og det blir fort rotete. Regner med at dette ikke er standard.

 

<img
style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;"
src="http://bp3.blogger.com/__2s-pLBPVSc/RpfZsUblBUI/AAAAAAAABVs/7IDEW9zLyno/s200/443145a-i1.0.jpg"
title="Multivers - er vi bare ett av mange univers?"
border="0"
alt="Multivers"
id="BLOGGER_PHOTO_ID_5086773659560117570"
/>

Her er alt delt opp i linjer (jeg har egentlig innrykket alt med unntak av første og siste linje). Er det vanlig å ha lukketaggen på en egen linje helt sist, slik jeg har gjort? Har sett både det ene og det andre. Det ser logisk ut i mine øyne, ettersom hver linje da kun er henholdsvis style, src, og så videre (ellers hadde man jo her fått lukketaggen på id-linjen).

 

Eksempel 2: skriver man dette

<p>Meeeget, meget sykt.</p>

eller dette?

<p>
Meeeget, meget sykt.
</p>

 

Eksempel 3: Hva er vanlig når man skal legge til bilder ved siden av et avsnitt? Lar man bildet være med i avsnittet, som her (alt er ett avsnitt)

<p>
<a 
onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://bp3.blogger.com/__2s-pLBPVSc/RpfZsUblBUI/AAAAAAAABVs/7IDEW9zLyno/s1600-h/443145a-i1.0.jpg"
>
<img
style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;"
src="http://bp3.blogger.com/__2s-pLBPVSc/RpfZsUblBUI/AAAAAAAABVs/7IDEW9zLyno/s200/443145a-i1.0.jpg"
title="Multivers - er vi bare ett av mange univers?"
border="0"
alt="Multivers"
id="BLOGGER_PHOTO_ID_5086773659560117570"
/>
</a>

Hva hvis eksistensen, altså <em>alt</em>, var en zoomquilt*? Hvis hele universet vårt i sin <a href="http://misp.blogspot.com/2007/05/hvor-stor-er-bebien-s-stor.html">ufattelige storhet</a> bare var en liten kvark, en elementærpartikkel, i et nukleon i et atom i et eller annet tilfeldig molekyl i en annen verden? Hvis hele universet vårt er en av maaange bittesmå partikler som bygger opp en liten del av tåneglen på et annendimensjonalt vesen, som igjen lever i sitt eget univers som bare er en liten partikkel som blablabla? Tenk det. Eller omvendt!
</p>

eller lar man avsnittet kun inkludere teksten, som her?

<a 
onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://bp3.blogger.com/__2s-pLBPVSc/RpfZsUblBUI/AAAAAAAABVs/7IDEW9zLyno/s1600-h/443145a-i1.0.jpg"
>
<img
style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;"
src="http://bp3.blogger.com/__2s-pLBPVSc/RpfZsUblBUI/AAAAAAAABVs/7IDEW9zLyno/s200/443145a-i1.0.jpg"
title="Multivers - er vi bare ett av mange univers?"
border="0"
alt="Multivers"
id="BLOGGER_PHOTO_ID_5086773659560117570"
/>
</a>

<p>
Hva hvis eksistensen, altså <em>alt</em>, var en zoomquilt*? Hvis hele universet vårt i sin <a href="http://misp.blogspot.com/2007/05/hvor-stor-er-bebien-s-stor.html">ufattelige storhet</a> bare var en liten kvark, en elementærpartikkel, i et nukleon i et atom i et eller annet tilfeldig molekyl i en annen verden? Hvis hele universet vårt er en av maaange bittesmå partikler som bygger opp en liten del av tåneglen på et annendimensjonalt vesen, som igjen lever i sitt eget univers som bare er en liten partikkel som blablabla? Tenk det. Eller omvendt!
</p>

 

Eksempel 4: Hva er standard når det bare er ett argument, som disse to?

<img
src="http://bp3.blogger.com/__2s-pLBPVSc/RpfZsUblBUI/AAAAAAAABVs/7IDEW9zLyno/s200/443145a-i1.0.jpg"
/>

<p
style="font-size:80%;"
>

Er det vanlig å dele opp da, for konsekventhetens skyld, eller tar man alt på én linje?

 

Et siste lille flisespikkeri: Med lenker i teksten, så er det vel vanlig å ha alt på en linje, som her:

Hvis hele universet vårt i sin <a href="http://misp.blogspot.com/2007/05/hvor-stor-er-bebien-s-stor.html">ufattelige storhet</a> bare var en liten kvark, en elementærpartikkel, i et nukleon i et atom i et eller annet tilfeldig molekyl i en annen verden?

Stemmer det? Hvis man skal dele ting opp her, så blir lesbarheten en del mindre, vil nå jeg si.

 

Som sagt, dette kan virke som småpirk, men jeg vil gjerne ha en kildekode som ser bra ut, og vil høre meninger om hva dere mener er det beste, det mest ordentlige og oversiktlige. På forhånd takk for at dere tar dere tid til å svare.

Endret 14. juli 2007 av MiSP

[Ståle]

Jeg har ikke word-wrap pa i Notepad2, nettop fordi alt blir mer oversiktlig.

 

For a si det sann. style skal ikke vaere med i noen tagger

Det skal vaere i CSSen (med mindre det er bittesma ting og man bruker JS for a fa til kule ting)

 

Og nar man ikke har med masse ting inni style, er det bedre a ha det pa 1 linje.

[MiSP]

Personlig bruker jeg Notepad++.

 

Hva style angår - er det verre å bruke dette

<p style="font-size:80%;">

enn dette?

<p class="litentekst">

 

Skal jeg gå for sistnevnte, så må jo alt mulig defineres på forhånd. Jeg bruker Blogger (blogspot.com), og der har jeg en ferdig mal som jeg bruker. Jeg kan så klart endre på det meste, men jeg ser ikke hensikten med å definere alt mulig av stiler når jeg kan gjøre det slik jeg gjorde det øverst her.

 

Noen tanker om dette? Flere tanker om det første innlegget?

[Ståle]

Men du bare lager ett nytt stilark, og setter det under preset'en. Da blir alt overskrevet det som er annerledes enn i det arket over.

[Stian Jacobsen]

Når du skriver HTML så er det kjekt å skille avsnitt, overskrifter etc..

 

eksempel:

<h2>Jeg er en overskrift!</h2>
<p>Dette er en paragraf, et avsnitt i en tekst. Inne i denne kan du legge til <strong>fet</strong> tekst eller du kan legge til en <a href="www.test.no">lenke</a></p>

<p>Dette er en paragraf, et avsnitt i en tekst. Inne i denne kan du legge til <strong>fet</strong> tekst eller du kan legge til en <a href="www.test.no">lenke</a></p>

[Runar0]

@ eksempel 2:

 

Det er nok nummer to som er 'standar' i hvert fall vist du skal ha mye tekst. Det som og kan vere lurt er å indentere teksten inne i <p> elementet, da blir nemlig alt mykje meir leselig.

 

Eksempel:

<p>
    Her kan du putte masse tekst
    <span class="quote">
           To be or not to be, that is the question.
    </span>
</p>

[MiSP]

Så det er vanlig å indentere vanlig tekst, altså?

 

Når du skriver HTML så er det kjekt å skille avsnitt, overskrifter etc..

9074469[/snapback]

Det vet jeg, jeg lurte jo ikke på dette.

Endret 15. juli 2007 av MiSP

[Runar0]

Vel det kan vere det er noe eg har tatt med meg fra php, men ja eg vil trur at dei fleste indentere html blokker og tekst som ligger i ei blokk.

[Crossfire]

Det er veldig mange forskjellige stiler ute og går når det gjelder HTML.

 

Det viktigste etter min mening er å være konsekvent, og ikke ha mer enn en tag på en linje. Selv indenterer/blokker jeg inn alt, som i Runar0 sitt eksempel.

[Arve Systad]

Det beste (etter mi meining) og mest vanlige er vel å ha alle blokkelement (div, p, blockquote, hN osv) på ei eiga linje, og inline-element (a, em, strong, span etc.) i tekstsamanhengen dei står i. Indentering slik at element som ligg under eit anna i hierarkivet blir indentert eit hakk lengre.

[MiSP]

Takk, ting ble litt klarere nå. Jeg har et par spørsmål til:

 

1. Når man indenterer, gjør man det med ett mellomrom for hver indent? Jeg bruker egentlig tabulatorer, men når jeg kopierer koden inn fra Notepad++ til Blogger og publiserer den, endrer den alle tabs til mellomrom (to tabs blir til to mellomrom, osv.).

 

2. Er det vanlig å ha slutthaken for a og begynnelsen til <img på samme linje, slik som på linje 4 her? Skulle jeg hatt det på to linjer blir det fort mye plass brukt. Jeg ser i alle fall logikken i ett argument per linje, og at slutthaken > derfor skal på en egen linje. Men jeg har også sett at mange bruker den neste

 

<a
onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://www.olsvikskolekorps.no/album18/fv0.htm"
><img
 style="float:right; margin:0 0 10px 10px;cursor:pointer; cursor:hand;width: 200px;"
 src="http://www.olsvikskolekorps.no/album18/images/p6220001.jpg"
 title="Bilde tatt på fergen fra Kvanndal til Utne."
 border="0"
 alt="Båtbilde"
/>
</a>

 

Igjen, jeg har egentlig indentert ting her, som vist på dette bildet:

 

[Runar0]

Til indent så føretrekker eg å bruke tabulatoren men det er noen som bruker space.

 

Kor du plasserer slutt haken til elementa er opp til deg. Eg pleier å ha elementet med alle atributter på same linje, men vist eg skulle ha gjort det slik du gjør så ville eg valt å ha den på same linje som den siste atributten.

 

Som sagt tidlegare så er det mange forskjellige stiler, så dette er heilt opp til deg sjølv

[MiSP]

Takker for svar. Jeg trenger tilbakemeldinger på eksempel 3 i første innlegg. Dette kan jo i enkelte tilfeller ha noe å si for hvordan ting blir seende ut til sist.

[Arve Systad]

Ville aldri latt sjølve tagen stått for seg sjøl på den måten, så for min del ville det blitt

 

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://bp3.blogger.com/__2s-pLBPVSc/RpfZsUblBUI/AAAAAAAABVs/7IDEW9zLyno/s1600-h/443145a-i1.0.jpg">

[Ståle]

Noen program gjor tab om til space. Altsa det er tab der, men de vises som space. Jeg bruker alltid tab.

[MiSP]

Ville aldri latt sjølve tagen stått for seg sjøl på den måten, så for min del ville det blitt

 

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://bp3.blogger.com/__2s-pLBPVSc/RpfZsUblBUI/AAAAAAAABVs/7IDEW9zLyno/s1600-h/443145a-i1.0.jpg">

9084668[/snapback]

Noen spesiell grunn?

[MiSP]

Ville aldri latt sjølve tagen stått for seg sjøl på den måten, så for min del ville det blitt

 

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"
href="http://bp3.blogger.com/__2s-pLBPVSc/RpfZsUblBUI/AAAAAAAABVs/7IDEW9zLyno/s1600-h/443145a-i1.0.jpg">

9084668[/snapback]

Jeg spør igjen: Noen spesiell grunn?