Яка різниця між прихованим атрибутом (HTML5) та дисплеєм: жодне правило (CSS)?

HTML5 має новий глобальний атрибут hidden, який можна використовувати для приховування вмісту.

<article hidden>
   <h2>Article #1</h2>
   <p>Lorem ipsum ...</p>
</article>

У CSS є display:noneправило, яке також можна використовувати для приховування вмісту.

article { display:none; }

Візуально вони однакові. У чому полягає семантична різниця? Обчислювально?

Які вказівки слід враховувати, коли використовувати те чи інше?

ТІА.

EDIT : На основі відповідей @ newtron (нижче) я більше шукав. hiddenАтрибут був гаряче оскаржується в минулому році , і (мабуть) ледь пробився в HTML5 специфікації. Дехто стверджував, що це зайве і не має мети. З того, що я можу сказати, остаточне оцінювання таке: Якщо я націлений лише на веб-браузери, різниці немає. (Одна сторінка навіть стверджувала, що веб-браузери використовували display:noneдля реалізації прихованого атрибуту.) Але якщо я розглядаю доступність (наприклад, можливо, очікую, що мій вміст буде прочитаний читачами екрану), то є різниця. Правило CSS display:noneможе приховувати мій вміст у веб-браузерах, але відповідне правило арії (наприклад,aria-hidden="false") може спробувати її прочитати. Таким чином, я зараз погоджуюся, що відповідь @ newtron є правильною, хоча, можливо, (напевно) не такою чіткою, як мені б хотілося. Дякуємо @newtron за допомогу.

Ключова різниця, здається, полягає в тому, що hiddenелементи завжди приховані незалежно від презентації:

Прихований атрибут не повинен використовуватися для приховування вмісту, який законно може бути показаний в іншій презентації. Наприклад, неправильно використовувати приховані для приховування панелей у діалоговому вікні вкладки, оскільки інтерфейс з вкладками - це лише вид переповнення презентації - можна однаково добре показати всі елементи форми на одній великій сторінці за допомогою прокрутки. Аналогічно некоректно використовувати цей атрибут для приховування вмісту лише від однієї презентації - якщо щось позначено прихованим, воно приховане від усіх презентацій, включаючи, наприклад, зчитувачі екрану.

http://dev.w3.org/html5/spec/Overview.html#the-hidden-attribute

Оскільки CSS може орієнтуватися на різні типи медіа / презентації, display: noneце залежатиме від даної презентації. Наприклад, деякі елементи можуть display: noneпереглядатися в настільному браузері, але не в мобільному браузері. Або бути візуально прихованим, але все ще доступним для читання екрана.