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

StackOverflow https://stackoverflow.com/questions/1025126

  •  06-07-2019
  •  | 
  •  

题

这是一个社区维基，询问问题，<！>“我们的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 <！>”;即使在启用了js的IE6中也可以播放语义标签。

更重要的是，我开始将我的想法转移到HTML5行，今天使用类来明天将成为HTML5标签（div class = <！> quot; nav <！> quot;）。这样，当机会出现时，我会更习惯用HTML5术语思考。

其他提示

虽然我很高兴看到新功能，但事实仍然是我的客户使用IE6（以及类似的浏览器）。尽管我希望每个人都使用现代浏览器，但这并不意味着我必须使用不需要升级的技术。

我会在浏览器支持它时立即使用它。我制作的网站主要是Firefox用户访问过的爱好项目。 （80％的流量使用最新版本的FF）。

请注意，cite元素不适合某个人的姓名： HTML5 陈述<！>”一个人的名字不是作品的标题<！>＃8212;即使人们称那个人为一件作品<！>＃8212;因此，元素不得用于标记人名。<！> quot;此外，<meta charset="UTF-8" />中的尾部斜杠不是必需的。

采用HTML 5的人的主要驱动力将是更好的搜索引擎放置，没有它，我没有看到采用的巨大理由。

（也许如果人们能够以某种方式让我相信网络可能更像数据，因此互操作性会提高，那么我可能会有点信服，但这听起来有点过于乐观了）

我会回应jonothan sampson。只要合理数量的人仍在使用旧浏览器，就很难实现这一目标。

另一方面，检测浏览器并发送一个很有意义的版本可能是明智的。由于两种语言之间的差异是适中的，因此根据用户代理将HTML5页面转换为具有附加类和样式的HTML4可能是可行的，可能还有一些服务器端xslt。也就是说，我怀疑我是那个发明这种技术的人，虽然我会在它可用的时候使用它。

人们不断提及针对旧版浏览器的javascript解决方案，例如ie6但是如果它们不支持javascript呢？

抱歉不是答案，而是更多的?????由于这是我不了解语义html5和IE支持。

你可以随时为旧浏览器提供腰带和支撑

<nav><div id="nav"> some nav stuff</div></nav>

但那对我来说感觉很脏？

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top