首页 > 编程 > HTML > 正文

HTML5的结构和语义――结构(二)

2024-08-26 00:14:41

字体：大中小

来源：转载

供稿：网友

　　
　　由于缺少结构，即使是形式良好的 HTML 页面也比较难以处理。必须分析标题的级别，才能看出各个部分的划分方式。边栏、页脚、页眉、导航条、主内容区和各篇文章都由通用的 div 元素来表示。HTML 5 添加了一些新元素，专门用来标识这些常见的结构：

　・ section：这可以是书中的一章或一节，实际上可以是在 HTML 4 中有自己的标题的任何东西
　・ header：页面上显示的页眉；与 head 元素不一样
　・ footer：页脚；可以显示电子邮件中的签名
　・ nav：指向其他页面的一组链接
　・ article：blog、杂志、文章汇编等中的一篇文章

　　我们来考虑一个典型的 blog 主页，它的顶部有页眉，底部有页脚，还有几篇文章、一个导航区和一个边栏，见代码1 典型的 blog 页面

示例代码 [www.CuoXIn.com]

上一篇：HTML5的结构和语义――前言(一)

下一篇：HTML5的结构和语义――语义性的内联元素(四)

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注