HTML5 - 正確使用 <article> 標簽
[英]HTML5 - Correct usage of the <article> tag
問題描述
閱讀文章對<article> HTML5的標簽，我真的覺得我最大的困惑是在本節的第一個問題：
使用
<article>為內容提供了更多的語義含義。 相比之下，<section>只是一個相關內容塊，<div>只是一個內容塊...要確定這三個元素中哪一個是合適的，請選擇第一個合適的選項：
- 內容在Feed閱讀器中是否有意義？ 如果是這樣，請使用
<article>。- 內容是否相關？ 如果是這樣，請使用
<section>。- 最后，如果沒有語義關系，請使用
<div>。
所以我想我的問題是： 飼料閱讀器中有哪些類型的內容？
6 個解決方案
解決方案1
17 2011-08-04 23:37:07
規范很清楚地回答了這個問題：
article元素表示文檔，頁面，應用程序或站點中的自包含組合，並且原則上可獨立分發或可重用，例如在聯合中。 這可以是論壇帖子，雜志或報紙文章，博客條目，用戶提交的評論，交互式小部件或小工具，或任何其他獨立的內容項。
請參閱： http ： //dev.w3.org/html5/spec/Overview.html#the-article-element
解決方案2
7 2011-08-16 17:46:05
你提出了一個很好的論據，是的，規范確實明確地將<article>定義為一個有價值的聯合內容集合。 我看到它的方式，你的文章將是組成的博客文章 - 你作為網站的內容編寫者產生的。 雖然對該部分的評論與文章有關，但事實上它們並不是文章的一部分，應該降級到<section>中的另一個塊，要么是非語義<div>要么只是<p> s帶display:block集。 這是一個留給設計師的決定，取決於他們如何在語義上評估評論的價值。
還要記住，你有<aside>標簽，它幾乎是為評論量身定做的，無論是來自作者還是來自讀者。
解決方案3
7 已采納 2012-02-09 03:52:20
W3C規范為解釋留下了很多空間，最終歸結為作者的觀點。 以下是一個問題形式的簡短答案：
您要在頁面上分享的主要重要內容是什么？
這里有一些例子：
- 在這個頁面上， 每個答案都可以是一篇文章。
- 在flickr上， 照片流中顯示的每張照片都可以被視為一篇文章。
- 在運球時，頁面上顯示的每一個鏡頭都可能是一篇文章。
- 在谷歌上列出的每個搜索結果可能是一篇文章。
- 在博客上每篇文章......每篇文章都可以是一篇文章。
- 在包含文章和一系列評論的博客頁面上，您可以有兩個主要部分。 一篇文章和另一篇文章評論，其中每篇評論都可以被視為文章。
作者可以自行決定他們想走多遠。 大多數博客作者都有自己的文章的RSS提要，但其他人也可能提供評論和共享鏈接的提要。
很多人都寫過這個主題。 有關詳細信息，我強烈建議閱讀：
解決方案4
4 2011-08-16 19:39:50
大多數Feed閱讀器可以處理多種類型的內容，它可能包括副本，圖像，視頻等。您的遺囑包括您網站上重復或包含多個版本的內容。 問答網站將提供新問題。 視頻共享網站將提供新視頻。 軟件評論網站將提供新軟件或新評論。
我建議考慮一下您的內容的典型消費者希望在他們的Feed閱讀器中輕松找到的內容。 您可以定義Feed閱讀器中的內容類型。
解決方案5
2 2012-02-09 02:46:56
通常，提要閱讀器應包含故事列表。 請參閱http://google.com/elections/ - 這是Feed閱讀器可能包含的一個很好的例子。 重要的是，所有的故事都是獨立的，理論上根本不需要相關。
解決方案6
0 2014-05-05 08:41:54
該文檔的標記可能如下所示：
<body>
<header>...</header>
<nav>...</nav>
<article>
<section>
...
</section>
</article>
<aside>...</aside>
<footer>...</footer>
</body>
您可以在A List Apart上找到有關此文章的更多信息。
HTML5結構 - <article> ， <section> 和 <div> 用法
[英]HTML5 Structure - <article>, <section> and <div> usage
在 HTML5 中正確使用 email 輸入：Chrome 瀏覽器中 email 類型的輸入標簽的意外值
[英]Correct usage of email inputs in HTML5: Unexpected value of Input tag with email type in Chrome browser
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.