Самый семантический способ разметки беседы (или интервью)?

Я пытаюсь найти наиболее семантический способ разметки чего-то вроде этого.

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

или

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

В идеале должна быть гибкость CSS, позволяющая сделать или разбить его на абзацы с видимыми именами или без них. Раньше я рассматривал возможность использования селектора : для добавления имен, но я также хочу, чтобы их можно было связывать. Например, я бы дал ссылку на профиль Ринго в твиттере, если бы он у него был. Он также должен правильно читаться в программах для чтения с экрана.

7
задан Stanislav Kralin 16 June 2017 в 13:05
поделиться