【HTML5+css3】学习笔记之文档元素

本文深入探讨了HTML文档中的关键元素及其在网页设计中的布局应用,包括标题、首部、尾部、导航、文章段落、联系信息等。详细解释了如何通过这些元素构建清晰、有序的网页结构,并利用CSS实现美观的布局效果。

四、文档元素:

h1~h6 标题
header 表示首部
footer 表示尾部
nav 表示有意集中在一起的导航元素
section 表示重要概念或主题
article 表示一段独立的内容
address 表示文档或article的联系信息
aside 表示与周边内容少有牵涉的内容
hgroup 将一组标题组织在一起
details 生成一个区域,用户将其展开可以获得更多细节
summary 用在details元素中,表示该元素内容的标题或说明

文档元素解析:
文档元素的大部分标签,是没有任何效果的,完全是为了配合语义使用,以强调它的结构性。
只有在后面的章节学习css,配合使用才能起到布局和样式的效果。

表示首部 主要设置页面的标头部分

这里一般是页面头部,包括:logo、标题、导航等内容。

表示尾部
中间放版权声明、友情链接等内容

组合标题
作用:当多个标题出现,干扰到一对或多个本身需要整合的标题,就可以使用
组合标题

标题部分


小标题部分

文档主题

这里一般是存放文档主题内容

添加一个独立成篇的文档 类似于body

……..

……

……….


解释:article元素表示独立成篇的文档,里面可以包含头、尾、主题等一系列内容。
在比较大的页面中会使用到,比如一篇博文列表,每篇博文,都有自己的头、尾、主题等
内容。 和此相似的还有论坛的贴子、用户的评论、新闻等。

表示文档或article元素的联系信息 倾斜
联系信息

解释:如果是在元素下时,表示整个文档的联系信息。如果是在
元素
下时,表示其下的联系信息。

元素生成详情区域、元素在其内部生成说明标签
大多数浏览器 为支持 。。。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值