首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

<header>和<footer>可以置身于<article>之外,还能描述它吗?

<header>和<footer>是HTML5中的语义化标签,用于定义网页的头部和底部部分。它们可以置身于<article>之外,用于包裹整个网页的头部和底部内容。

<header>标签通常用于包含网页的标题、导航菜单、搜索框等与网页整体相关的内容。它可以提供网页的整体结构和导航功能,使用户能够更好地理解和浏览网页。

<footer>标签通常用于包含网页的版权信息、联系方式、相关链接等与网页底部相关的内容。它可以提供网页的结尾部分,为用户提供额外的信息和导航选项。

虽然<header>和<footer>可以置身于<article>之外,但它们仍然可以用于描述整个网页的头部和底部内容。它们的作用是为网页提供整体结构和导航功能,使用户能够更好地理解和浏览网页。

在云计算领域中,<header>和<footer>可以应用于网页的管理后台、博客、新闻网站等各种类型的网页。它们可以帮助用户快速定位和浏览网页的不同部分,提高用户体验和网页的可访问性。

腾讯云提供了丰富的云计算产品,包括云服务器、云数据库、云存储等,可以帮助用户构建稳定、安全、高效的云计算环境。具体产品介绍和相关链接地址可以参考腾讯云官方网站:https://cloud.tencent.com/。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

  • 【专业文章】六种常见的HTML5写法误用(一)

    可以阅读一下关于headerhgroup元素的两篇文章做一个详细的了解,其中内容我简单总结如下: header元素表示的是一组介绍性或者导航性质的辅助文字,经常用作section的头部 当头部有多层结构时...-- Article content --> 如果你的header元素只包含一个头部元素,那么丢弃header元素吧。...举个具体的例子,在footer中经常会有众多的链接, 比如服 务条款,主页,版权声明页等等。footer元素自身已经足以应付这些情况,虽然nav元素也可以用在这里,但通常我们认为是不必要的。...如果你不确定是否要将一系列的链接放在nav中,问你自己:“它是主要的导航?”...为了帮助你回答这个问题,考虑以下首要原则: 如果使用sectionhx也同样合适,那么不要用nav — Hixie on IRC 为了方便访问,你会在某个“快捷跳转”中给这个nav标签加一个链接

    93150

    前端常见的6种HTML5错误用法

    可以阅读一下关于headerhgroup元素的两篇文章做一个详细的了解,其中内容我简单总结如下: header元素表示的是一组介绍性或者导航性质的辅助文字,经常用作section的头部 当头部有多层结构时...-- Article content --> 如果你的header元素只包含一个头部元素,那么丢弃header元素吧。...为了帮助你回答这个问题,考虑以下首要原则: 如果使用sectionhx也同样合适,那么不要用nav — Hixie on IRC 为了方便访问,你会在某个“快捷跳转”中给这个nav标签加一个链接?...其他视情况而定,但一开始可以问自己:“这个图片是否必须上下文有关?”如果不是,那可能也不是(也许是个)。继续:“我可以移动到附录中?”...figure可以是视频,音频,图表,一段引用文字,表格,一段代码,一段散文,以及任何它们或者其他的组合。不要把figure局限于图片。web标准的职责是精确的用标签描述内容。

    57710

    (2019)面试题:HTML5语义化标签新特性

    header 网页或者section的页眉,hgroup可以放在header里面,该标签没有个数限制,可以一个网页放置多个。 nav nav:navigation,导航,用于定义页面的主要导航部分。... 版权:迷思雨博客,作者:无道 aside aside...在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏,其中的内容可以是日志串连,其他组的导航,甚至广告,这些内容相关的页面。...细节: 可以是 网页 或任意 section 的底部部分; 没有个数限制,除了包裹的内容不一样,其他跟header类似【本来headerfooter可以理解成对应的】。...感觉还可以? 在Win10 Edge下: ? 看出来了吗,显示方式完全是浏览器自己定义的,而不是开发者决定的。 哈米,这你都可以接受?

    1.4K00

    4.HTML样式布局区块标签元素介绍

    footer 标签 描述: 该元素表示最近一个章节内容或者根节点(sectioning root)元素的页脚, 一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息...@ WeiyiGeeker nav 标签 描述: 该元素表示页面的一部分,其目的是在当前文档或其他文档中提供导航链接,其常见示例是菜单,目录索引。...所以说它是一个通用的分节元素,只有在没有更具体的元素来代表的时候才可以使用, 其标签可以(被)嵌套 article 标签使用。 示例: <!...其标签,通常包含 header 、section 、footerarticle 、address、time(发布日期/时间) 示例 aside 标签 描述: 元素表示一个其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响

    1.3K20

    HTML5新增内容-结构标签

    并无实际外面样式,与普通的div相同article元素一般用于地方:文章内容部分 article可以看成一个独立的部分,也可以看成别名的div,内部可以包含标题及其他部分。...:页面头部 header元素一般用于包括网站名称、页面LOGO,顶部导航,介绍信息等文章头部 header元素一般用于包含“文章标题”“meta信息”两部分区块头部(即section元素头部)...header元素一般只包含区块的标题内容footer元素一般用于地方:页面底部文章底部aside元素aside元素一般用于表示跟周围区块相关的内容一般用于地方:如果aside元素放在article元素或...section元素之中,则aside内容必须与article内容或section内容紧密相关如果aside元素放在article元素或section元素之外,则aside内容应该是与整个页面相关的,比如文章内容...,文章点赞等nav元素一般用于地方:顶部导航 nav元素可以放到header元素内部,也可以放到header元素外部。

    10710

    CSS通用类“结构与样式分离”

    我们不能在.stacked-form组件之外复用.stacked-form__footer, 因此也许我们会在header里新建一个新的子组件: ...: 1rem; &:last-child { margin-right: 0; } } 现在我们可以完全摆脱 .stacked-form__footer .header-bar__actions...这个就回到了当初我们面临的一个相同问题,那个问题我们是用.actions-list子组件替代 .stacked-form__footer .header-bar__actions来解决的: 我们倾向于组合...想要颜色更深的字色?添加 .text-dark-soft 类。 想要稍小一些的字号?使用 .text-sm 类。 当项目组中的每个人都可以从一个有限的列表中,选择他们的样式时。...我们可以用 py-3 py-4 ? 我是想用 text-dark-soft 还是 text-dark-faint? 你不能随意使用你想用的值,而是只能从一个策划好的列表里选择。

    3.3K21

    HTML5_自己写的第一个html5页面

    49 50 ◆ 51 52 这个标记计划用来描述一节或一个完整Web页面的介绍性信息,标记可以包括所有的通常放在页面头部的标志,如果你在页面中使用了My Article打包到header标记中。另外请注意,我们可以article元素下再增加一个footer元素,用来容纳如翻页导航,相关文章或其它内容。...考虑到 Firefox 2的使用人数已经很少,你可以完全忽视这个bug。 151 152 现在你已经可以使用HTML 5了,但应该使用? 153 154 答案很简单:是的!...157 158 你 也可以去HTML 5画廊(http://html5gallery.com/)瞧瞧,因为全部是用HTML 5构建的,可以看看其源码,加深对HTML 5标记的理解。...还可以继续关注51CTO.com的HTML 5专题,我们会持续更新关于HTML 5的技术应用资讯报道。

    74921

    Html5 学习系列(二)HTML5新增结构标签

    当我们描述一件具体的事物的时候,通常鼓励使用article来代替section;当我们使用section时,仍然可以使用h1来作为标题,而不用担心它所处的位置,以及其它地方是否用到;当一个容器需要被直接定义样式或通过脚本定义行为时...一般来说,article会有标题部分(通常包含在header内),有时也会包含footerarticle可以嵌套,内层的article对外层的article标签有隶属关系。...例如,一篇博客的文章,可以article显示,然后一些评论可以article的形式嵌入其中。... 网站标题 网站副标题 footer标签 footer标签定义section或document...作为页面的页脚时,一般包含了版权、相关文件链接。标签使用基本一样,可以在一个页面中多次使用,如果在一个区段的后面加入footer,那么它就相当于该区段的页脚了。

    2.3K10

    前端如何做好seo_seo的五个步骤

    我是页脚 footer使用注意: 可以是“网页”或任意“section”的底部部分; 没有个数限制,除了包裹的内容不一样,其他跟header类似。...(特殊的section) 在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏,其中的内容可以是日志串连,其他组的导航,甚至广告,这些内容相关的页面。...内表示主要内容的附属信息, 在article之外则可做侧边栏,没有article与之对应,最好不用。...不过在文章内页,最好用article。section不是一般意义上的容器元素,如果想作为样式展示脚本的便利,可以用div。...(特殊的section) 除了的内容,article会有一个标题(通常会在header里),会有一个footer页脚。 一篇文章 文章内容..

    70420
    领券