https://webbling.se/index.php?action=history&feed=atom&title=IndenteringIndentering - Versionshistorik2026-04-26T15:23:07ZVersionshistorik för denna sida på wikinMediaWiki 1.43.0https://webbling.se/index.php?title=Indentering&diff=4775&oldid=prevPGJ den 5 april 2019 kl. 06.462019-04-05T06:46:09Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="sv">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 5 april 2019 kl. 06.46</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Rad 1:</td>
<td colspan="2" class="diff-lineno">Rad 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><div class="well well-cyanide-light"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html5"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><syntaxhighlight lang="html5"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><!DOCTYPE html></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><!DOCTYPE html></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l16">Rad 16:</td>
<td colspan="2" class="diff-lineno">Rad 17:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></html></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></html></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></syntaxhighlight></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></syntaxhighlight></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></div></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><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.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><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.</div></td></tr>
</table>PGJhttps://webbling.se/index.php?title=Indentering&diff=436&oldid=prevPGJ: 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. ...'2014-08-29T21:36:22Z<p>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. ...'</p>
<p><b>Ny sida</b></p><div>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<br />
<br />
<syntaxhighlight lang="html5"><br />
<!DOCTYPE html><br />
<html><br />
<head><br />
<title>Lite indenteing</title><br />
</head><br />
<body><br />
<h1>Lite indentering</h1><br />
<p>Här var det ingentering!</p><br />
<div><br />
<div>En div i en div</div><br />
</div><br />
</body><br />
</html><br />
</syntaxhighlight><br />
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.</div>PGJ