Как минимализировать даный код?

Question

[Vladyslav Talko]

Вечерок. Как видно в прикрепе, в коде присутствует большое количество спанов с тайтлами. Для понимания, это все нужно дабы менять цвет в определенных местах и подписывать кто поет (5 цветов - все, 4 цвета - все кроме определенного человека итд, скриншот для наглядности). Как мне уменьшить данный код? Можно ли вывести два спана в другое место и короткими тэгами вставлять их куда надо? Либо есть еще какой способ, буду признателен. (и да, заранее извиняюсь за большое количество бр и р в коде. потом с этим разберусь)

<span class="noYukina" title="Lisa×Sayo×Ako×Rinko">(Lala, lalala, Lala, lalala)</span></p>
<p><span class="all" title="Lisa×Sayo×Yukina×Ako×Rinko">Maeyo akatsuki ni kirameku</span><br />
<span class="all" title="Lisa×Sayo×Yukina×Ako×Rinko">Taiyou no you ni</span><br />
We are... yami kara nigezu sasae moeru
<span class="noYukina" title="Lisa×Sayo×Ako×Rinko">guren no honoo</span><br />  
<span class="all" title="Lisa×Sayo×Yukina×Ako×Rinko">Ikusenkai nugutte mo ii kara</span><br />
<span class="all" title="Lisa×Sayo×Yukina×Ako×Rinko">Sono te wo nobaseba</span><br /></p>
<p>Hane ni kawaru'n da to<br />
Shinjite jibun wo
<span class="noYukina" title="Lisa×Sayo×Ako×Rinko">(shinjite yuuki wo)</span><br />
Soshite ashita he to</p>

Comments

[Adamos]

А в чем проблема-то? Код что-то не то делает? Слишком долго грузится? Не верю....

[Vladyslav Talko]

Adamos, проблем никаких нету, хочу лишь навести порядок в коде

[Adamos]

Владислав Персон, так он в порядке - делает, что надо, и ни во что не упирается.
Какими-либо манипуляциями вы его только запутаете без всякой на то необходимости.

[Vladyslav Talko]

Adamos, хорошо, я вас понял. Просто при создании следующей страницы это могло бы облегчить работу ибо при таких длинных строках можно ошибиться. Но спасибо за ответ

[Adamos]

Владислав Персон, если вы хотите сделать движок для таких страниц, чтобы их можно было как-то проще задавать, а вот в такое вот разворачивать уже в браузере - это вполне может иметь смысл, но это и другой подход к задаче, согласитесь.
Просто отталкиваться от того, что тут многовато букв - нелепо. Отталкиваться нужно от использования данных, тогда становится понятно, как их компактно и удобно собрать и разобрать.

[Vladyslav Talko]

Adamos, согласен, на этом и закончим. А тему пожалуй оставлю, вдруг кто что напишет, на будущее так сказать. Благодарю

Answer 1

[Dmitriy Grape]

Минимизировать код никак не надо, но вот чтобы он более красиво выглядел в вашем текстовом редакторе, можно обработать его с помощью Beautify