HTML5语义化元素你真的用对了吗

2020-04-21 22:49:27易采站长站整理


<!DOCTYPE html>
<html>
<body>
<article>
<header>
<h1>Java</h1>
<p>Java是什么:</p>
</header>
<p>Java是一种广泛使用的计算机编程语言,拥有跨平台、面向对象、泛型编程的特性,广泛应用于企业级Web应用开发和移动应用开发。</p>
</article>
</body>
</html>

HTML5 <footer>元素

<footer>元素指定为一个文件或部分页脚。 <footer>元件应包含有关它的包含单元信息。 页脚通常包含文档的作者,版权信息,使用条款的链接,联系信息等。 您可在一个<footer>中有多个元素。


<!DOCTYPE html>
<html>
<body>
<footer>
<p>版权所有</p>
<p>联系信息: <a href="mailto:someone@example.com">
someone@example.com</a>.</p>
</footer>
</body>
</html>

 

HTML5 <nav>元素

<nav>元素定义了一组导航链接。


<!DOCTYPE html>
<html>
<body>
<nav>
<a href="#">Java</a> |
<a href="#">CSS</a> |
<a href="#">HTML</a> |
<a href="#">jQuery</a>
</nav>
</body>
</html>

HTML5 <aside>元素

<aside>元件从它被放置在(如侧栏)的内容定义了一些内容。 <aside>内容应是周围的内容。

 


<!DOCTYPE html>
<html>
<body>
<p>Java是一种广泛使用的计算机编程语言,拥有跨平台、面向对象、泛型编程的特性,广泛应用于企业级Web应用开发和移动应用开发。</p>
<aside>
<h4>PHP</h4>
<p>PHP是世界上最好的语言。</p>
</aside>
</body>
</html>

总结

以上所述是小编给大家介绍的HTML5语义化元素你真的用对了吗,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!