---
title: "Semantiskt bryderi"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/165159-semantiskt-bryderi"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "OlleBoop"
published: "2007-10-04T10:11:53.000Z"
updated: "2007-10-17T11:43:33.000Z"
replies: 10
views: 899
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/165159-semantiskt-bryderi"
---

# Semantiskt bryderi

## #1 — OlleBoop, 2007-10-04T10:11Z

Tjo
Skall presentera kursnamn, kursdatum och "läs mer"-länk och funderade lite på hur man skulle göra det semantiskt korrekt.
En variant vore:

```
<dl>
	<dt>Kursnamn:</dt>
	<dd>10 & 12 december</dd>
	<dd>21 & 23 januari</dd>
	<dd>25 & 27 februari</dd>
	<dd>31 mars & 2 april</dd>
	<dd>Läs mer ››</dd>
</dl>
```

En annan möjlighet vore:

```
<h3>Kursnamn:</h3>
<p>10 & 12 december<br />
21 & 23 januari<br />
25 & 27 februari<br />
31 mars & 2 april<br />
Läs mer ››</p>
```

Hur skulle du göra? Och varför?

Permalänk: https://www.webforum.nu/p/165159

## #2 — stakes, 2007-10-04T11:39Z

Den övre helt klart.. \<br /\> känns lite krystat imo.

Permalänk: https://www.webforum.nu/p/2036523

## #3 — her0n, 2007-10-04T14:55Z

Jag hade nog skrivit:

```
<dl>
	<dt>Kursnamn:</dt>
	<dd>
        10 & 12 december<br />
	21 & 23 januari<br />
	25 & 27 februari<br />
	31 mars & 2 april<br />
	<span class="readmore">Läs mer ››</span>
        </dd>
</dl>
```

Permalänk: https://www.webforum.nu/p/2036554

## #4 — doggelito, 2007-10-04T15:03Z

Hade nog gjort:

```
<h3>Kursnamn:</h3>
<p>10 & 12 december<br />
21 & 23 januari<br />
25 & 27 februari<br />
31 mars & 2 april</p>
<a href="">Läs mer ››</a>
```

Varför? Tja, känns bra! :)
A-taggen flyttade jag utanför p-taggen bara för att den inte hör till stycket.
Alt. så hade jag placerat datumen i en lista:

```
<h3>Kursnamn:</h3>
<ul>
     <li>10 & 12 december</li>
     <li>21 & 23 januari</li>
     <li>25 & 27 februari</li>
     <li>31 mars & 2 april</li>
</ul>
<a href="">Läs mer ››</a>
```

Permalänk: https://www.webforum.nu/p/2036556

## #5 — zcorpan, 2007-10-04T18:44Z

> **doggelito skrev:**
>
> Alt. så hade jag placerat datumen i en lista:
>
> ```
> <h3>Kursnamn:</h3>
> <ul>
>      <li>10 & 12 december</li>
>      <li>21 & 23 januari</li>
>      <li>25 & 27 februari</li>
>      <li>31 mars & 2 april</li>
> </ul>
> <a href="">Läs mer &#8250;&#8250;</a>
> ```

Precis så skulle jag också göra, fast länken i en egen P (eftersom det är "fult" att blanda block on inline). :)

Varför inte DL? Som du säger läs mer-länken är inte ett kursnamn. Det är en lista med kurser. Läs mer-länken hör till samma stycke som listan med kurser.

Permalänk: https://www.webforum.nu/p/2036600

## #6 — doggelito, 2007-10-05T12:27Z

> **zcorpan skrev:**
>
> Precis så skulle jag också göra, fast länken i en egen P (eftersom det är "fult" att blanda block on inline).

Mm, jag var inne på det också men hann trycka på submitknappen innan jag hann skriva dit det! :)

> **zcorpan skrev:**
>
> Varför inte DL?

Av den enkla anledningen att jag inte jobbat med dl-listor, har inte sett/haft något behov!

Permalänk: https://www.webforum.nu/p/2036702

## #7 — dAEk, 2007-10-11T16:01Z

Varför inte en ordnad lista?

Permalänk: https://www.webforum.nu/p/2038074

## #8 — zcorpan, 2007-10-11T17:33Z

För att ordningen verkar inte vara direkt relevant. 

<http://www.autisticcuckoo.net/arkiv.php?id=2007/08/07/listor>

Permalänk: https://www.webforum.nu/p/2038123

## #9 — dAEk, 2007-10-11T19:43Z

Datumen ~~är~~ verkar vara ordnade och du kan inte gå på det ena kurstillfället före det andra om du inte tar dom i ordning, förstås.

Permalänk: https://www.webforum.nu/p/2038226

## #10 — OlleBoop, 2007-10-15T22:15Z

Många intressanta synpunkter, hoppas den givit nån fler lite nya infallsvinklar också!   (y)

Permalänk: https://www.webforum.nu/p/2039204

## #11 — icaaq, 2007-10-17T11:43Z

Jag hade brukat en table. Jag slängde ihop ett litet exempel.

```
<table summary="Kurstillfällen då kursen Semantisk HTML går av stapeln, sorterade på datum i stigande ordning ">
	<caption>Semantisk HTML</caption>
	<thead>
		<tr>
			<th scope="col">Kurstillfällen</th>
		</tr>
	</thead>
	<tfoot>
		<tr>
			<td><a href="#">Läs mer om kursnamn</a></td>
		</tr>
	</tfoot>
	<tbody>
		<tr>
			<td>10 & 12 december</td>
		</tr>
		<tr>
			<td>21 & 23 januari</td>
		</tr>
		<tr>
			<td>25 & 27 februari</td>
		</tr>
		<tr>
			<td>31 mars & 2 april</td>
		</tr>    
	</tbody>
</table>
```

Permalänk: https://www.webforum.nu/p/2042383

---

Tråden på webben: https://www.webforum.nu/amne/html-css/165159-semantiskt-bryderi