Разве это плохо, включать <span>и <br>в <td>элементы?

Question

Я новичок в программировании, и недавно я играл с API и AJAX. API, который я использую, захватывает мне описания веб-сайтов для указанного URL. Я хочу, чтобы это описание показывалось под ссылкой (на этот URL) при наведении курсора. Моя проблема в том, что ссылка отображается в ячейке таблицы, и я хочу, чтобы описание URL отображалось под ссылкой в ​​той же ячейке. То, что у меня есть сейчас, работает, однако оно добавляет <span> и <br> к <td>. Это плохая форма? Должен ли я попробовать что-то еще?

HTML:

<table>
   <tr>
       <td class="heading">Blah</td>
       <td>BlahBlah</td>
   </tr>
   <tr>
       <td class="heading">Website</td>
       <td id="website"><a href="https://www.google.com/">Google</td>
   </tr>
</table>

CSS:

.urlWebsite {
    font-size: 12px;
}

Javascript :

var $table = $('#website a');

$.ajax({
    type:'GET',
    url: "[insert API url here]",
    success: function(website){
        $table.hover(function(){
            $table.append('<br><span class="urlWebsite">'+website.description+'</span>');
        }, function(){
            $table.find("span").last().remove();
            $table.find("br").last().remove();
        });
    }
});

Answer 1

В этом нет ничего плохого. Строки и столбцы таблицы предназначены только для разграничения содержимого. Неважно, что это за контент.

Вы можете даже поместить div в тд и обернуть его тегом и сделать всю ячейку кликабельной.

Кроме того, следует использовать thead и tbody внутри вашего стола.