2

我正在编写一个Twitter 应用程序，它将显示有关 Twitter 用户的以下三 (3) 件事：

  • 获取状态/用户时间线
  • 获取朋友/ID
  • 获取关注者/ID

我的问题是，将上述三 (3) 个东西放在一 (1) 个<article>标签中并使用三 (3) 个<section>标签分隔它们在语义上是否正确？（见下面的选项 1）

或者只使用三 (3) 个<article>标签（上面的每个项目一个）在语义上是否正确？（见下面的选项 2）

选项1：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Twitter App</title>  
</head>
<body>
    <article>
        <section>
            <h2>User's Timeline<h2>     
            <!-- Displays GET statuses/user_timeline here -->
        </section>      

        <section>
            <h2>User's Friends<h2>      
            <!-- Displays GET friends/ids here -->
        <section>   

        <section>
            <h2>User's Followers<h2>        
            <!-- Displays GET followers/ids -->
        </section>
    </article>
</body>
</html>

选项 2：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Twitter App</title>  
</head>
<body>
    <article>
        <header>
            <h2>User's Timeline<h2>
        </header>
            <!-- Displays GET statuses/user_timeline here -->
        <footer></footer>
    </article>

    <article>
        <header>
            <h2>User's Friends<h2>
        </header>
            <!-- Displays GET friends/ids here -->
        <footer></footer>
    </article>

    <article>
        <header>
            <h2>User's Followers<h2>
        </header>
            <!-- Displays GET followers/ids -->
        <footer></footer>
    </article>
</body>
</html>
4

1 回答 1

1

两者都是正确的，它根本不会是一个问题......！

参考：链接

于 2013-05-13T11:40:22.407 回答