#text #html-lists
#текст #html-списки
Вопрос:
На веб-сайте, который я создаю, я показываю некоторые теги для каждой новостной записи.
Теперь есть два способа отображения тегов: просто используя строку tag1, tag2, tag3 или помещая их в список <ul><li>tag1</li><li>tag2</li><li>tag3</li></ul> .
Конечно, я бы оформил этот список так, чтобы он выглядел точно так же, как обычная строка:http://jsfiddle.net/ThiefMaster/YKFH5
Теперь мой вопрос: какой из этих методов вы бы использовали и почему? Из того, что я знаю, необходимый CSS для метода списка широко поддерживается, и в старых браузерах не хватает только запятых.
Комментарии:
1. Зачем, черт возьми, вам понадобилось так долго имитировать поведение обычного текста ?!?!?!?
2. Одним из преимуществ была бы возможность легко изменять его с помощью JavaScript. Хотя прямо сейчас мне это не нужно. Моя основная мысль заключалась в том, что это список элементов, поэтому с семантической точки зрения использование списка было бы более правильным.
3. Хороший момент. Я бы придерживался
<li>, так как вы могли бы иметь больший контроль над элементами.
Ответ №1:
Это зависит от того, чего вы пытаетесь достичь. Если вы просто хотите перечислить элементы, в вашем первом методе нет ничего плохого, просто выводите текст. Причина пойти другим путем, если вы хотите оформить каждый элемент или по какой-либо другой причине разделить их для щелчка, наведения курсора и т.д…
Демонстрация с эффектом наведения: http://jsfiddle.net/Jaybles/YKFH5/3
Комментарии:
1. Абсолютно 100% да! В моем коде я реализую только изменение цвета, которое можно выполнить с помощью CSS, но вы можете захотеть воспроизвести звук при наведении курсора мыши или выполнить какой-нибудь другой JS. — что-то вроде этого jsfiddle.net/Jaybles/YKFH5/5
2. Не забывайте, что разметка HTML имеет множество преимуществ помимо того, что можно увидеть
Ответ №2:
Я бы выбрал опцию UL, поскольку это кажется более семантическим. Конечно, если вы никогда не планируете ничего делать с этими тегами, а просто перечислять их, это на самом деле не имеет значения в любом случае.
Ответ №3:
Если вы собираетесь создать список, чтобы отформатировать его как обычную строку, почему бы просто не использовать обычную строку? Вы можете динамически форматировать эту строку в любом удобном для вас месте, очень легко, без использования css.