网页结构 #2 相关元素

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

定义一个区域的内容可以使用 section 元素 .. 这个区域里面可以使用标题元素去为内容添加标题 .. 标题元素一共有六个级别 .. 从 h1 到 h6 ,这里的 h 表示的就是 heading .. h1 这个元素是所有标题元素里级别最大的 .. 然后依次往下排列 ..

这个区域里的页头部分,可以使用 header 元素去包装 ... 你可以想像一下实际生活里,一个文档的页头部分都有什么样的内容 .. 页脚部分可以使用 footer 元素,比如一些版权声明之类的东西可以放到这个元素里面 ... 你不一定非得在每部分内容上面都使用这些元素 ..

在一个网页上,一块独立的内容,可以使用一组 article 标签包装一下 .. 比如一个论坛贴子,一篇新闻,一个博客,或者任何其它 的独立的内容 ... 比如你在一个网页上可以包装多篇文章内容,每个文章内容都可以使用一个 article 包装一下 ..

另外如果页面上有跟导航相关的东西,可以放到 nav 标签里面,比如是边栏内容,也就是不那么重要的内容,可以使用一个 aside 元素,比如广告内容你就可以放到一个 aside 元素里。

浏览器或者一些其它的工具,可以根据你在页面上使用的元素来判断你的网页内容的结构,它会列出一个大纲,有点像是内容的目录 .. 英文管这个东西叫 outline ...

现在也已经有些网站使用这些新的元素来划分页面的结构了 .. 不过到目前为止浏览器暂时还只能根据网页上的标题来判断页面的大纲,所以暂时你只能依赖这些标题元素 ..

网页结构 #2 相关元素《 HTML:标记语言 》

统计

13299
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点