Question

这是代码：

<!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浏览器中看到任何HTML 5效果，例如旁边标记版本25.0.1364.152 m。

Answer 1

标签定义了除放置内容之外的一些内容。

旁白内容应与周围内容相关。

请参阅以下代码：

<!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>

看不到html 5标签

1 个答案: