将 h2 和 h3 放在图像顶部是否正确？答案

【问题标题】：Is it correct to put h2 and h3 on top of image?将 h2 和 h3 放在图像顶部是否正确？
【发布时间】：2014-10-22 22:03:55
【问题描述】：

我有几个横幅是网站上的主要类别。我想显示这些图像之上的标题和副标题，目前我正在使用以下结构：

        <a href="#" title="">

                <img src="<?php echo wp_get_attachment_url( get_post_thumbnail_id(1) );?>" alt="xy">
                    <h3>
                    <?php $post_title = get_post_custom_values('post_title', 1);
                        echo $post_title[0];    
                    ?>
                    </h3>
                    <h2>
                    <?php $post_subtitle = get_post_custom_values('post_subtitle', 1);
                        echo $post_subtitle[0]; 
                    ?>
                    </h2>                   
            </a>

这是一个好的解决方法吗？这是正确的 html 用法吗？

【问题讨论】：

这个问题似乎跑题了，因为它是关于搜索引擎优化的。
为什么h3 会在h2 之前出现？这当然不会使 SEO 或可访问性有意义
这不是关于搜索引擎优化，而是关于 html 正确性.. h3 出现在 h2 之前，因为我希望在主题下方显示一个小字幕。有没有更好的办法？

标签： css html seo

【解决方案1】：

标题元素不应用于字幕。 From the W3C:

h1–h6 元素不得用于标记副标题、副标题、替代标题和标语，除非打算作为标题一个新的节或小节。

【讨论】：