当文章 header 位于网站侧边栏上方时,是否存在有效的 HTML5 标记?
Is there valid HTML5 markup when the article header is above the site sidebar?
目前针对单篇文章的经典网站设计有全宽文章 header - 包含标题、共享链接、横幅图片等 - 因为这是页面最突出的部分.
在其下方,文章内容显示在其右侧的站点侧边栏中。
我是否正确,这基本上不可能通过正确的 HTML5 文章/旁白标记来实现?
header 和内容都是文章的一部分,因此(不使用绝对位置,由于高度可变,这通常是不可能的)文章标签必须包围两者。
然而,这也意味着 aside 必须在文章标签内,而 HTML5 规范说网站侧边栏不直接对应于文章,应该在文章标签之外。
编辑 - 供参考,因为答案可能是肯定的,这是不可能的,我想知道人们选择什么作为最不邪恶的选择,因为这似乎是一种常见的设计。
你是对的。我已经处理了很长时间。开发社区的其他人似乎把 header 放在了文章的上方和外面,并没有质疑它。
我目前将 header 放在文章内,并使用 javascript 将边栏放在文章内 header 下方。
CSS 网格无法解决问题。
最近我觉得更容易拉出 header 和上面的 javascript。
目前针对单篇文章的经典网站设计有全宽文章 header - 包含标题、共享链接、横幅图片等 - 因为这是页面最突出的部分.
在其下方,文章内容显示在其右侧的站点侧边栏中。
我是否正确,这基本上不可能通过正确的 HTML5 文章/旁白标记来实现?
header 和内容都是文章的一部分,因此(不使用绝对位置,由于高度可变,这通常是不可能的)文章标签必须包围两者。
然而,这也意味着 aside 必须在文章标签内,而 HTML5 规范说网站侧边栏不直接对应于文章,应该在文章标签之外。
编辑 - 供参考,因为答案可能是肯定的,这是不可能的,我想知道人们选择什么作为最不邪恶的选择,因为这似乎是一种常见的设计。
你是对的。我已经处理了很长时间。开发社区的其他人似乎把 header 放在了文章的上方和外面,并没有质疑它。
我目前将 header 放在文章内,并使用 javascript 将边栏放在文章内 header 下方。 CSS 网格无法解决问题。
最近我觉得更容易拉出 header 和上面的 javascript。