盘点HTML5标签使用的常见误区

名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。

本篇文章的具体介绍如下

现在网页hTML5教程还处在草案阶段,有些新的网页文章标签网页元素的解释也是经常有变化,甚至网页文章标签加入移出也很频繁(比如 hgroup),同时现有的大的门户网站在使用网页hTML5教程方面也没有很好的范例可以参考,让大家的学习过程更摸索.本文将给大家分享html5构建页面的小错误和不好的实践实用具体的方法，让咱们在以后的工作中避免这些错误。

不要把<Section>当成简单的容器来定义样式

咱们经常看到的一个错误，就是武断的将<div>网页文章标签用<Section>网页文章标签来替代，特别是将作为包围容器的<div>用来替换。在X网页hTML或者网页hTML4中，咱们将会看到类似下面的具体代码：

XML/网页hTML Code 复制内容到剪贴板

<!– 网页hTML 4-style code –>
<div id=”wrapper”>
<div id=”header”>
<h1>My super duper page</h1>
<!– header content –>
</div>
<div id=”main”>
<!– Page content –>
</div>
<div id=”secondary”>
<!– Secondary content –>
</div>
<div id=”footer”>
<!– Footer content –>
</div>
</div>

现在我看到了下面的具体代码样子：

XML/网页hTML Code 复制内容到剪贴板

<!– Don’t copy this code! It’s wrong! –>
<section id=”wrapper”>
<header>
<h1>My super duper page</h1>
<!– header content –>
</header>
<section id=”main”>
<!– Page content –>
</section>
<section id=”secondary”>
<!– Secondary content –>
</section>
<footer>
<!– Footer content –>
</footer>
</section>

直观的看，上面的例子是错误的：<Section>并不是一个容器.<Section>网页元素是有语意的区段，帮助构建文档大纲。它应该包含标题。如果您要寻找一个可以包含页面的网页元素(不论是网页hTML 或者 X网页hTML )，通常的做法是直接对<body>网页文章标签定义样式就像Kroc Camen描述的那样子，如果您还需要额外的网页元素来定义样式，使用<div>,就像Dr Mike 阐述的那样, div并没有灭亡，如果这里没有其它更合适的，div可能是您最合适的选择。记住这点，这里咱们重新修正了上面的例子，通过使用两个新角色。(您是否需要额外的<div>取决于您的设计。)

XML/网页hTML Code 复制内容到剪贴板

<body>
<header>
<h1>My super duper page</h1>
<!– header content –>
</header>
<div role=”main”>
<!– Page content –>
</div>
<aside role=”complementary”>
<!– Secondary content –>
</aside>
<footer>
<!– Footer content –>
</footer>
</body>

如果您还是无法确定哪一个网页元素更适合使用，我建议您去查看网页hTML5教程 sectioning content element flowchart来让您继续前行。

网页hTML5教程中事件属性简介
如果需要学习更多有关使用这些事件进行编程的内容，请学习咱们的 JavaScript 教程和 D网页hTML 教程。

关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,

盘点HTML5标签使用的常见误区

宝贝市场2023-02-08

夺宝助手2023-02-08

查诚信2023-02-08

车价天天报2023-02-08

考勤助理小程序2023-02-08

汽车报价大全查询2023-02-08