0

这是代码：

<!DOCTYPE html>
<html>
<head>
    <title>Html Basics</title>
</head>
<body>
    <header style="background-color:lightcoral">
        <img src="C:\Users\Public\Pictures\Sample Pictures\Koala.jpg" width="50px" height="50px"/>
        <nav>
            <ul>
                <li>One</li>
                <li>Two</li>
                <li>Three</li>
                <li>Go!!!</li>
            </ul>
        </nav>
    </header>
    <section>
        <article style="background-color:aqua">Article 1</article>
        <article style="background-color:grey">Article 2</article>
    </section>
    <aside style="background-color:palegreen">Aside</aside>
    <footer style="background-color:aliceblue">Footer</footer>
</body>
</html>

我在 Chorme 浏览器版本 25.0.1364.152 m 中看不到任何 HTML 5 效果，例如 side 标记。

4

1 回答 1

0

标签定义了除了它所在的内容之外的一些内容。

旁边的内容应该与周围的内容相关。

请看下面的代码：

<!DOCTYPE html>
<html>
<head>
    <title>Lorem</title>
</head>
<body>
<div style="font:Arial, Helvetica, Sans-Serif;width:50%;">
<aside style="font-size:larger;font-style:italic;color:green;float:right;width:35%;padding:15px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</aside>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec arcu sit amet orci sodales adipiscing. Proin imperdiet accumsan ipsum a eleifend. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed diam dolor, scelerisque a dictum id, tempor non est. Nam sit amet congue diam. Curabitur vel nunc nisl. Fusce vel sollicitudin dui. Morbi faucibus, eros vel 
</div>

</body>
</html>
于 2013-03-13T15:01:37.123 回答