html - ブランディングを意味的にマークアップする (サイト名とロゴ)

Question

Web ページのブランディングを意味的にマークアップする理想的な方法は何ですか? 2011年にHTML 4を使用していたとき、次のいずれかを行いました（ロゴが必要かどうかによって異なります）

<div id="top">
    <a href="/">
        <p id="branding">JJ Media Limited</p>
    </a>
</div>

また

<div id="top">
    <a href="/">
        <p id="branding"><img id="logo" src="images/logo.png"/> JJ Media Limited</p>
    </a>
</div>

ブランディングをヘッダーにラップすることに反対したり、CSS を使用してロゴを背景として追加したりしました。

しかし、HTML5 では、ブランディングを意味的にマークアップする方法に何か変化がありましたか? 規則に論理的な変更はありますか?

PS id タグ「top」があいまいであることはわかっています。純粋にデモンストレーション目的で使用していました。