html 如果您无法将搜索栏放置在中< header>,只能放置在< main>-您可以将其放置在哪个标记中?

f2uvfpb9  于 2023-01-11  发布在  其他
关注(0)|答案(1)|浏览(135)

假设不能将搜索栏放置在中,只能放置在-放置搜索栏或容器的语义合理的标记是什么?
大多数网站都在谈论放置搜索栏的“最佳”位置,据我所知,这是最佳位置,但如果不能将搜索栏放置在搜索栏内,没有人会谈论语义上合理的替代方案。
所以我试着理解我是否应该把搜索栏保留为一个简单的...或者有没有任何标签在语义写作方面更有意义。我确实想过,但在阅读了这里的几个现有的线程后,人们应该使用标题,我发现添加“搜索栏”很奇怪。很想听听你对这件事的想法。目前,我使用搜索栏,如果没有更好的选择-将继续使用它。这是我目前的代码:

<main>
    <aside>
        ...
    </aside>
    <div class="CenterCenterDiv">
        <div class="SearchBar">
            <form>
                <div class="TitleDiv1">Search For Anything</div>
                <div class="autocomplete InputBox">
                <input name="Search" id="Search" type="text" placeholder="Search Here...">
                <input name="Submit" type="submit" value="Search" class="InputButton">
            </div>
        </form>

        Content
        Content
        Content
    </div>
</main>
vzgqcmou

vzgqcmou1#

没有一种语义方法可以将站点范围内的搜索框放在页面的<main>元素中(除非该页面是搜索页面)。
MDN Web Docs: Usage Notes for the <main> Element状态:
<main>元素的内容对于文档应该是唯一的。在一组文档或文档节中重复的内容,如...搜索表单,不应该包括在内,除非搜索表单是页面的主要功能。

相关问题