Что такое семантически корректный элемент HTML для «статусной панели»?

Question

Я пишу простой webapp, и мне нужна строка состояния. Что-то, что часто обновляется, чтобы отразить то, что делает JavaScript. Он будет содержать только текст, короткие полные предложения, но в будущем он может иметь небольшие информационные образы. Например: «Произошла ошибка» или «Подождите, загрузка ...» или «Игрок 2 отключен». Теперь я знаю, как сделать один, но мой вопрос:

Что самое семантически правильный HTML элемент использовать для этого?

Или мне нужно обратиться к <div> или <span>? Если да, то какой? Я вообще избегаю их, потому что они кажутся последним средством.

Кроме того, панель состояния может находиться где угодно на странице. Не основывайте свой ответ на своем расположении на странице, это не какая-то семантика.

Пожалуйста, поддержите свой ответ с помощью своего официального ресурса (w3, anything), если сможете.

Answer 1

Невозможно найти какой-либо источник информации, я отвечу на все и защищу свое положение. Мой ответ: это зависит. Прямой ответ на ваш вопрос заключается в том, что для статуса нет элемента.

Однако, когда это происходит, обычно выбирается решение использовать общий элемент как <div> или <span> и присваивать ему некоторую семантику. Этого можно достичь с помощью class и id, как вам хорошо известно. Мы не можем ожидать, что html будет идеально смысловым и охватывать все возможные случаи. Они стараются изо всех сил использовать самые распространенные виды использования.

Очень похожий случай <nav>. Было действительно распространено видеть <div class = "nav"> или аналогичный код в старом html. w3 осознал это и изменил его, чтобы сделать его более смысловым. Может быть, мы надеемся, что они сделают то же самое для всех этих class = "status" за <status>, этого еще не произошло.

Для решения проблемы прямо сейчас: Я бы рекомендовал использовать <p class = "status">, если ваш код будет содержать только абзац, как кажется. Это немного более смысловая, чем <div> и <span>.