快速查询
article | aside | nav | section | header | footer
架构预览
nav 定义导航链接的部分
在页脚显示一个站点的导航链接,如首页、服务信息页面、版权信息页面等
article 定义文章
装载显示一个独立的文章内容，论坛帖子、新闻、博客文章、用户评论等，artilce可以嵌套，则内层的artilce对外层的article标签有隶属的关系。
标题
内容
用户评论 回复评论
section 定义文档中的节
章节、页眉、页脚或文档中的其他部分，
标题1
内容1
标题2
内容2
aside 定义文章的侧栏
广告，成组的内容，友情链接，侧边栏等
header 定义文档的页眉
通常是一些引导和导航信息
logo
footer 定义文档或节的页脚
在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息
参考文献
1 html5 | http://caibaojian.com/html5
2 w3school | https://www.w3school.com.cn/
3 MDN | https://developer.mozilla.org/zh-CN/docs/Web/HTML/
下面是其它网友的补充
百度 IFE 任务一要求构建一个页面结构，看似简单，但需充分考虑到语义化。这篇文章简单谈谈 HTML5 语义化中的页面结构语义化的一些经验和理解。
1、为什么需要语义化
易修改、易维护。
无障碍阅读支持。
搜索引擎友好，利于 SEO。
面向未来的 HTML，浏览器在未来可能提供更丰富的支持。
2、结构语义化
语义元素均有一个共同特点——他们均不做任何事情。换句话说，语义元素仅仅是页面结构的规范化，并不会对内容有本质的影响。
下图展示了一个典型的页面结构。
头部
导航栏
导航栏使用
如果侧栏中包含其它不同于链接的其它区块，那么，使用第二种方案显然更为合适。
导航通常包含一组链接，普遍认为，链接使用列表来组织。
附注
元素并不仅仅是侧栏，它表示与它周围文本没有密切关系的内容。文章中同样可以使用元素，来说明文章的附加内容、解释说明某个观点、相关内容链接等等。
当用于侧栏时，其表示整个网页的附加内容。通常的广告区域、搜索、分享链接则位于侧栏。侧栏中的元素规定了一个区域，通常是带有标题的内容。
与页面主体并列显示的小内容块。
独立性内容，清单、表单等。
分组内容，如 CMS 系统中的文章分类区块。
比较长文档的一部分，可能仅仅是为了正确规定页面大纲。
页脚
同可“包罗万象”的 主要内容 在早先的 HTML5 版本中并没有规定页面主体的标签，相关的书中经常会说：除去头部、尾部、侧栏等其它部分，剩下的自然是主体部分。 然而，HTML5.1 中规定了一个 文章 文章中包含插图时，使用新的语义元素
上述情况下， 总结 以上所述是小编给大家介绍的HTML5常用的语义化标签,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！ 2024-09-17
0 2024-09-17
0 2024-09-17
0 2024-09-17
0 2024-09-17
0 2024-09-17
0 2024-09-17
0 2024-09-17
0 2024-09-17
0 2024-09-17
0标签仅仅可以包含版权、来源信息、法律限制等等之类的文本或链接信息。如果想要在页脚中包含其它内容，可以使用熟悉的
标签来标识主体内容。标签不能包含在页面其它区块元素中，通常是的子标签，或者是全局标签可以帮助屏幕阅读工具识别页面的主体部分，从而让访问者迅速得到有用的信息。
表示一个完整的、自成一体的内容块。如文章或新闻报道。应包含完整的标题、文章署名、发布时间、正文。当语义与表现发生冲突，例如有时需要将文章分多个页面显示，那么需要把每个页面的文章区域都用标记。
标题
alt属性可以略去。
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！网站类容多为转载，如有侵权，请联系站长删除
最新相关发布
秦时明月非R大R小R玩家搭配攻略_手机游戏_游戏攻略_
秦时明月手游魂魄店能兑换什么弟子_手机游戏_游戏攻略_
秦时明月获得魂魄点的方法介绍_手机游戏_游戏攻略_
天天酷跑申请贵族的方法介绍_手机游戏_游戏攻略_
迷你西游删除角色的方法_手机游戏_游戏攻略_
崩坏学园2新手近战装备虚空大剑详细分析_手机游戏_游戏攻略_
刀塔传奇进阶熟手必知的五条心得_手机游戏_游戏攻略_
全民水浒矿场争夺玩法攻略_手机游戏_游戏攻略_
召唤启示录速攻流组卡攻略_手机游戏_游戏攻略_
召唤启示录新手卡牌攻略 _手机游戏_游戏攻略_
