Indentering: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
Skapade sidan med 'Indentering är ett svengelsk uttryck som beskriver en metod att lägga till blanksteg/tabbar i programkod för att öka läsbarheten och påvisa strukturen hos ett dokument. ...'
 
Ingen redigeringssammanfattning
 
Rad 1: Rad 1:
Indentering är ett svengelsk uttryck som beskriver en metod att lägga till blanksteg/tabbar i programkod för att öka läsbarheten och påvisa strukturen hos ett dokument. Nedanstående är ett exempel på hur man skulle kunna indentera ett HTML-dokument för att öka läsbarheten
Indentering är ett svengelsk uttryck som beskriver en metod att lägga till blanksteg/tabbar i programkod för att öka läsbarheten och påvisa strukturen hos ett dokument. Nedanstående är ett exempel på hur man skulle kunna indentera ett HTML-dokument för att öka läsbarheten


<div class="well well-cyanide-light">
<syntaxhighlight lang="html5">
<syntaxhighlight lang="html5">
<!DOCTYPE html>
<!DOCTYPE html>
Rad 16: Rad 17:
</html>
</html>
</syntaxhighlight>
</syntaxhighlight>
</div>
Lägg märke till hur lätt det är att se vilka element som är underelement till andra. Vanligtvis indenterar man enbart [[block-element]], medan [[inline-element]] ligger i löptexten. Detta är ju helt naturligt, då [[block-element]] bryter layout-flödet.
Lägg märke till hur lätt det är att se vilka element som är underelement till andra. Vanligtvis indenterar man enbart [[block-element]], medan [[inline-element]] ligger i löptexten. Detta är ju helt naturligt, då [[block-element]] bryter layout-flödet.

Nuvarande version från 5 april 2019 kl. 06.46

Indentering är ett svengelsk uttryck som beskriver en metod att lägga till blanksteg/tabbar i programkod för att öka läsbarheten och påvisa strukturen hos ett dokument. Nedanstående är ett exempel på hur man skulle kunna indentera ett HTML-dokument för att öka läsbarheten

<!DOCTYPE html>
<html>
  <head>
    <title>Lite indenteing</title>
  </head>
  <body>
   <h1>Lite indentering</h1>
   <p>Här var det ingentering!</p>
   <div>
     <div>En div i en div</div>
   </div>
  </body>
</html>

Lägg märke till hur lätt det är att se vilka element som är underelement till andra. Vanligtvis indenterar man enbart block-element, medan inline-element ligger i löptexten. Detta är ju helt naturligt, då block-element bryter layout-flödet.