feat: Change and move content
- Add info to basics - Move table variants from basic to components
This commit is contained in:
parent
4cf279bee5
commit
b039c506a8
3 changed files with 133 additions and 100 deletions
|
|
@ -203,20 +203,24 @@ tags:
|
|||
<div class="exp_pop">
|
||||
<code class="code_solo">figure>figcaption+{element}</code>
|
||||
</div>
|
||||
<hr class="hr_hidden">
|
||||
<p>Eine sehr klar definierte Gruppierung stellt das Element
|
||||
<code><main></code>
|
||||
dar. Es umschließt den hauptsächlichen Inhalt des Dokumentes.</p>
|
||||
<p>Eine von sich aus undefinierte Möglichkeit zur Gruppierung von Text besteht durch
|
||||
<code><div></code>. Dieses Element hat, ohne weitere Klassifizierung keine Auswirkungen auf die Erscheinung oder die inhaltliche Aussage. Daher der allgemeine Einsatz.</p>
|
||||
<div class="div_info">
|
||||
<div class="div_info js_pop">
|
||||
<p>Es wird allerdings häufig eingesetzt und bekommt vielfältige Funktionen zugeordnet wie diese hervorgehobene Information zeigt.</p>
|
||||
</div>
|
||||
<div class="exp_pop">
|
||||
<code class="code_solo">div.div_info>p</code>
|
||||
</div>
|
||||
</article>
|
||||
<article>
|
||||
<h1 id="textlevel">Textebene</h1>
|
||||
{# // a // em // strong // small // s // cite // q // dfn // abbr // ruby // rb // rt // rtc // rp // data // time // code // var // samp // kbd // sub // sup // i // b // u // mark // bdi // bdo // span // br // wbr // -- Edits -- // ins // del #}
|
||||
<h2>Verweise</h2>
|
||||
<p>Ein wesentlicher Bestandteil von Hypertext sind Verweise
|
||||
<p>Ein wesentlicher Bestandteil von Hypertext sind <a href="">Verweise</a>
|
||||
<code><a></code>. Sie dienen als Sprungmarken innerhalb des Netzwerks. Es kann grob zwischen internen und externen Verweisen unterschieden werden.
|
||||
<a class="a_internal js_pop" href="#links">Interne Verweise</a>
|
||||
<span class="exp_pop">
|
||||
|
|
@ -590,8 +594,7 @@ tags:
|
|||
<tbody>
|
||||
<tr>
|
||||
<td>Tabelle</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td colspan="2"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>mit</td>
|
||||
|
|
@ -599,117 +602,27 @@ tags:
|
|||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td rowspan="2"></td>
|
||||
<td>Kopf-</td>
|
||||
<td>und</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Fußzeile</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td>Fußzeile</td>
|
||||
<th scope="row">Fußzeile</th>
|
||||
<td>A</td>
|
||||
<td>B</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<div class="exp_pop">
|
||||
<code class="code_solo">table.width_full.table_fix>caption+thead>tr>th*3^^tbody>(tr>td*3)*3^^tfoot>tr>td*3</code>
|
||||
<code class="code_solo">table.width_full.table_fix>caption+thead>tr>th[scope="col"]*3^^tbody>(tr>td*3)*3^^tfoot>tr>th[scope="row"]+td*2</code>
|
||||
</div>
|
||||
<hr class="hr_hidden">
|
||||
<p>Viele weitere Formate sind möglich. Hier nur einige typische Beispiele:</p>
|
||||
<table class="width_full table_fix js_pop">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="cell_pre" scope="col"></th>
|
||||
<th scope="col">Kopfzeile</th>
|
||||
<th scope="col">A</th>
|
||||
<th scope="col">B</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="cell_pre">Vorspalte</td>
|
||||
<td>Eine</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cell_pre">1</td>
|
||||
<td></td>
|
||||
<td>erweiterte</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cell_pre">2</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Tabelle</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="exp_pop">
|
||||
<code class="code_solo">table.width_full.table_stripe.table_free>tr>td*3</code>
|
||||
</div>
|
||||
<table class="width_full table_stripe table_fix table_free">
|
||||
<tr>
|
||||
<td>Tabelle</td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ohne</td>
|
||||
<td>Rahmen</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>jedoch</td>
|
||||
<td>mit</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Streifen</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table>
|
||||
<caption>Die Verteilung der Zellen ist hier von ihrem Inhalt abhängig.</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Bezeichnung</th>
|
||||
<th scope="col">Menge</th>
|
||||
<th scope="col">Wert</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Alpha</td>
|
||||
<td>1</td>
|
||||
<td class="txt_right">8990</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Bravo</td>
|
||||
<td>10</td>
|
||||
<td class="txt_right">1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Charlie</td>
|
||||
<td>1</td>
|
||||
<td class="txt_right">1</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<th colspan="2" class="txt_right" scope="row">Summe</th>
|
||||
<td class="txt_right" title=">9000">9001</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<p>Viele weitere Formate sind möglich.</p>
|
||||
</article>
|
||||
<article>
|
||||
<h1>Formulare</h1>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue