Indentering: Skillnad mellan sidversioner
Från Webbling
PGJ (diskussion | bidrag) (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. ...') |
PGJ (diskussion | bidrag) 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. 08.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.