div、section、article 的区别（3）
作者：糖伴西红柿 来源：前端观察 发布时间：2011-02-26 15:39:00
总结
div section article ，语义是从无到有，逐渐增强的。div 无任何语义，仅仅用作样式化或者脚本化的钩子(hook)，对于一段主题性的内容，则就适用 section，而假如这段内容可以脱离上下文，作为完整的独立存在的一段内容，则就适用 article。原则上来说，能使用 article 的时候，也是可以使用 section 的，但是实际上，假如使用 article 更合适，那么就不要使用 section 。nav 和 aside 的使用也是如此，这两个标签也是特殊的 section，在使用 nav 和 aside 更合适的情况下，也不要使用 section 了。
对于 div 和 section、 article 以及其他标签的区分比较简单。对于 section 和 article 的区分乍看比较难，其实重点就是看看这段内容脱离了整体是不是还能作为一个完整的、独立的内容而存在，这里面的重点又在完整身上。因为其实说起来 section 包含的内容也能算作独立的一块，但是它只能算是组成整体的一部分，article 才是一个完整的整体。
因为其实有些时候每个人都有自己的看法，所以难免有难于决断的时候，怎么办？
在 HTML5 设计原理 中，有一条是专门用来解决类似情况的：
最终用户优先(Priority of Constituencies)
“In case of conflict, consider users over authors over implementors over specifiers over theoretical purity.” 一旦遇到冲突，最终用户优先，其次是作者，其次是实现者，其次标准制定者，最后才是理论上的完满。
推荐各位多读几遍 HTML5 设计原理，这才是纷繁世界背后的最终奥义。
原文：http://www.qianduan.net/html5-differences-in-the-div-section-article.html
0
投稿猜你喜欢
- 大家都见过某网页中的恶意广告，你关闭了又出来了！为何，JS来告诉你HTML<body> <h3 class=&
- 正则表达式很神奇啊# -*- coding:utf-8 -*-import redef print_match_res(res): &nbs
女友让我给她论文的图片上加上字母序号，本来觉得是个很简单的事情，但那个白底黑字的圆圈序号却难住了我， 试了几个常用的软件，都不行。后来用 P- 一.官方文档https://pypi.org/project/muggle-ocr/二模块安装pip install muggle-ocr#
- <!DOCTYPE html><html lang="en"><head><m
- 本文实例讲述了JS实现利用两个队列表示一个栈的方法。分享给大家供大家参考，具体如下：先看原理图：理清楚思路，再动笔写：<!DOCTYP
- mysql数据库开机报错： InnoDB: The log sequence number in ibdata files does not
- 本文实例讲述了python抓取百度首页的方法。分享给大家供大家参考。具体实现方法如下：import urllibdef downURL(ur
- python中的列表是可以直接进行逆序排列的，但是在 python中，逆序排列也是有一定规则的，一般是按升序排序，也就是从左到右。比如 li
- 1.效果图：2.代码# 作用域 是 对象生效的区域（对象能被使用的区域）# 全局作用域在任意位置可生效# 局部作用域在函数内生效c = 20
- 飞机大战（Python）代码分为两个python文件，工具类和主类，需要安装pygame模块，能完美运行（网上好多不完整的，调试得心累。实现
- 我在工作的时候，在测试环境下使用的数据库跟生产环境的数据库不一致，当我们的测试环境下的数据库完成测试准备更新到生产环境上的数据库时候，需要准
- 本文实例讲述了Python图像滤波处理操作。分享给大家供大家参考，具体如下：在图像处理中，经常需要对图像进行平滑、锐化、边界增强等滤波处理。
- 获得list中最大元素的索引aa = [1,2,3,4,5]aa.index(max(aa)) 相应的最小值使用aa = [1,2,3,4,
- 初学ASP，程序是能勉强写出来了，但若每进行一次网站页面的改版，所有的源程序都将进行一次移植手术。为此所耗费的人力精力不计其数，甚至一不小心
- 今天又帮女朋友处理了一下，她的实验数据，因为python是一年前经常用，最近找工作，用的是c，c++，python的有些东西忘记了，然后就一
- 之前写了Python实现登录接口的示例代码，最近需要回顾，就顺便发到随笔上了要求：1.输入用户名和密码2.认证成功，显示欢迎信息3.用户名3
- 我就废话不多说了，大家还是直接看代码吧~#编写程序将列表中的偶数变成他的平方def word_len(s): # s = [i
- 创建触发器。创建触发器语法如下：CREATE TRIGGER trigger_name trigger_time trigger_event
- 本文实例讲述了JS笛卡尔积算法与多重数组笛卡尔积实现方法。分享给大家供大家参考，具体如下：js 笛卡尔积算法的实现代码，据对象或者数组生成笛
