Semantiskt bryderi

10 svar · 887 visningar · startad av OlleBoop 4 okt. 2007

OlleBoopMedlem sedan feb. 20001 861 inlägg

Frågan4 okt. 2007 10:11#1

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?

stakesMedlem sedan apr. 20065 inlägg

4 okt. 2007 11:39#2

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

her0nMedlem sedan feb. 200230 inlägg

4 okt. 2007 14:55#3

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>

doggelitoMedlem sedan juni 20003 076 inlägg

4 okt. 2007 15:03#4

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>

zcorpanMedlem sedan dec. 20042 245 inlägg

4 okt. 2007 18:44#5

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.

doggelitoMedlem sedan juni 20003 076 inlägg

5 okt. 2007 12:27#6

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!

dAEkMedlem sedan feb. 20041 816 inlägg

11 okt. 2007 16:01#7

Varför inte en ordnad lista?

zcorpanMedlem sedan dec. 20042 245 inlägg

11 okt. 2007 17:33#8

För att ordningen verkar inte vara direkt relevant.

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

dAEkMedlem sedan feb. 20041 816 inlägg

11 okt. 2007 19:43#9

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.

OlleBoopMedlem sedan feb. 20001 861 inlägg

15 okt. 2007 22:15#10

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

icaaqMedlem sedan okt. 20005 273 inlägg

17 okt. 2007 11:43#11

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>