HTML 结构

2017-09-16 约 5 分钟 #note #html #web

article

article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。 article元素也可以用来表示插件，它的作用是使插件看起来好像内嵌在页面中一样。

<article>
    <header>
        <h1>可以有标题</h1>
        <p>内容1</p>
    <header>
    <p>内容2</p>
    <footer>
    <p>页脚内容</p>
    </footer>
</article>

可以有标题

内容1

内容2

## section section元素的作用是对页面上的内容进行分块，或者说对文章进行分段。一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素。 ```html

标题

内容

```

标题

内容

## nav nav元素是一个可以用作页面导航的链接组，其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放进nav元素，只需要将主要的、基本的链接组放进nav元素即可。 ```html

标题

```

标题

## aside aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有别于主要内容的部分。 ```html ``` ## pubdate pubdate属性是一个可选的、boolean值的属性，它可以用到article元素中的time元素上，意思是time元素代表了文章或整个网页的发布日期. ```html

新品发布会

2017年9月17日

```

新品发布会

2017年9月17日

## header header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片。

hgroup

hgroup元素是将标题及其子标题进行分组的元素。hgroup元素通常会将h1～h6元素进行分组，譬如一个内容区块的标题及其子标题算一组。

页脚内容

address

address元素用来在文档中呈现联系信息，包括文档作者或文档维护者的名字、他们的网站链接、电子邮箱、真实地址、电话号码等。

系列：note

该系列自动来自分类： note

2026-03-21 备份dokuwiki数据
2026-03-18 grep 命令
2026-03-17 zola的Front Matter完整字段的意思
2026-02-25 从dokuwiki切换到quartz
2026-01-09 安装immich记录
2026-01-08 修改dokuwiki时区
2025-12-09 macos安装dokuwiki
2018-10-08 Debian创建新用户和设置防火墙
2018-10-07 mac在Debian安装wireguard和使用
2018-09-03 再也不买不能解bl的手机了
2018-08-25 Firefox设置
2017-11-05 debian安装FFmpeg来合并youtube音频
2017-10-22 css 扩散列表
2017-10-17 两个练习
2017-10-13 css RWD
2017-10-12 css 图片
2017-10-11 css 提示
2017-10-10 css 下拉
2017-10-08 css 表单
2017-10-07 css 导航栏
2017-10-06 css 单词
2017-10-03 HTML SVG
2017-10-02 HTML Canvas
2017-09-17 HTML input
2017-09-16 HTML 结构 (当前)
2017-03-29 电气施工图说明
2017-03-27 china uses dropbox
2017-03-25 Nginx installs SSL certificates
2017-03-24 debian install shadowsocks
2017-03-24 Visual studio code set the python environment
2017-03-22 install hexo

下一篇推荐

系列继续阅读

电气施工图说明

article

标题

标题

hgroup

Footer

address

系列：note

下一篇推荐

相关文章