我们如何使用HTML 5获取语义？

发布时间：2020-12-14 22:30:14 所属栏目：资源来源：网络整理

导读：这是一个社区维基,它提出了一个问题,“我的 HTML标记是如何通过 HTML 5获得的？”下面您可以找到示例HTML 5页面的源代码.目标是使用尽可能少的类和ID来创建一个非常有用,可访问,可样式化的网页. 此外,您何时计划开始实施HTML 5？您是否要等待10年才能完成草

这是一个社区维基,它提出了一个问题,“我的 HTML标记是如何通过 HTML 5获得的？”下面您可以找到示例HTML 5页面的源代码.目标是使用尽可能少的类和ID来创建一个非常有用,可访问,可样式化的网页.

此外,您何时计划开始实施HTML 5？您是否要等待10年才能完成草案,或者您是否会成为“早期采用者”,因为浏览器支持正在快速增长？

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />  
        <title>Site Name &bull; Page Title</title>
    </head>
    <body>
        <nav>
            <h1><a href="/">Site Name</a></h1>
            <ul>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
                <li><a href="#">Nav Link</a></li>
            </ul>
        </nav>
        <header>
            <p>Welcome to the site!</p>
            <a href="#">Call to action!</a>
        </header>
        <section>
            <aside>
                <!-- Sidebar -->
            </aside>
            <article>
                <header>
                    <h2>Article Name</h2>
                    <p>Posted by <cite>Kerrick Long</cite> on <time datetime="2009-06-21">June 21</time>.</p>
                </header>
                <p>Lorem ipsum dolor sit amet...Aliquam erat volutpat.</p>
                <figure>
                    <img src="/images/eclipse.jpg" width="640" height="480" alt="Solar Eclipse" />
                    <label>Here we can see the solar eclipse that happened <time datetime="2009-05-28">recently</time>.</label>
                </figure>
                <p>Lorem ipsum dolor...</p>
            </article>
        </section>
        <footer>
            <p>&copy; <time datetime="2009-01-01">2009</time>,<cite>Site Owner</cite></p>
        </footer>
    </body>
</html>

解决方法

这不会是10年.该时间段是“最终完成”,所有浏览器都支持规范的所有部分.它将于今年年底,明年初成为候选人,并有望在2011/2年前获得批准.

我正在尽我所能地将它逐步淘汰.我使用了多少取决于观众,但由于IE的份额不断下降,他们不支持的不再是杀手,特别是当John Resig的“HTML5 shiv”让语义标签在IE6中播放时js打开.

更重要的是,我开始将我的想法转移到HTML5行,今天使用类来明天将成为HTML5标签(div class =“nav”).这样,当机会出现时,我会更习惯用HTML5术语思考.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!