Bir konuşmayı (veya röportajı) işaretlemenin çoğu semantik yolu?

Question

Böyle bir şeyi işaretlemek için en semantik yolu anlamaya çalışıyorum.

John: blah blah 
Paul: blah blah 
George: blah blah 
Ringo: blah blah 

veya

John: blah blah 
Paul: blah blah 
George: blah blah 
Ringo: blah blah 

İdeal birini yapmak için veya veya görünür adları olmadan bir paragraf haline kırmak için CSS esneklik olurdu. Adları eklemek için before: seçiciyi kullanmayı düşündüm, ancak bunların da linkable olmasını istiyorum. Örneğin, bir tane varsa Ringo'nun twitter profiline bağlantı kurardım. Ayrıca ekran okuyucuları düzgün okumalı.

Answer 1

HTML5 Spec discusses this çalışmak bulunmuş olması durumunda özü olan geçerli:

Yazarlar p kullanarak konuşmaları işaretlemek için teşvik edilir öğeler ve noktalama işaretleri. Hoparlörü stil için işaretlemek zorunda olan yazarların, span veya b'u kullanmaları önerilir. Paragrafları, i elemanına sarılı metinleri ile sahne yönlerini işaretlemek için kullanılabilir.

Yani, sonuçta, böyle bir şey:

<p><span>John:</span> blah blah</p> 

<p><span>Paul:</span> blah blah</p> 

<p><span>George:</span> blah blah</p> 

<p><span>Ringo:</span> blah blah</p> 

Bu açıkladığınız şekilde stilini etkinleştirmek olacaktır. Elbette, gerekirse class özniteliklerini de ekleyebilirsiniz. CSS'de isimleri :before seçiciyle koymamak içgüdüsü iyi bir şeydir - bu bilgi kesinlikle işaretlemede olmalıdır.

Answer 2

hm. İpucu - işaretlemek için xml kullanın. daha kolay belki daha sonra

gibi bir şey <voice speaker="John"></voice>