HTML5语义元素
语义学是研究语言中单词和短语的含义。语义元素=具有意义的元素。 语义元素清楚地描述了它对浏览器和开发人员的意义。 非语义元素的示例：<div>和<span>- 对其内容一无所知。 语义元素的示例：<form>，<table>和<article>- 清楚地定义其内容。 所有现代浏览器都支持HTML5语义元素。
HTML5新语义元素
许多网站都包含HTML代码，例如：<div id ="nav"> <div class ="header"> <div id ="footer"> 以指示导航，页眉和页脚。 HTML5提供了新的语义元素来定义网页的不同部分：
<article> <aside> <details> <figcaption> <figure> <footer> <header> <main> <mark> <nav> <section> <summary> <time>
HTML5 <section>元素
<section>元素定义了一个文档中的一个部分。 根据W3C的HTML5文档：“一个部分是内容的主题分组，通常带有标题。” 主页通常可以分为几个部分，用于介绍，内容和联系信息。
<!DOCTYPE html>
<html>
<body>
<section>
<h1>Java</h1>
<p>Java是一种广泛使用的计算机编程语言，拥有跨平台、面向对象、泛型编程的特性，广泛应用于企业级Web应用开发和移动应用开发。</p>
</section>
<section>
<h1>PHP</h1>
<p>PHP（全称：PHP：Hypertext Preprocessor，即“PHP：超文本预处理器”）是一种开源的通用计算机脚本语言，尤其适用于网络开发并可嵌入HTML中使用。</p>
</section>
</body>
</html>
HTML5 <article>元素
<article>元素指定独立的包含内容。 一篇文章本身应该有意义，应该可以从网站的其他部分独立阅读。 <article>可以使用元素的示例：
<!DOCTYPE html>
<html>
<body>
<article>
<h1>Java</h1>
<p>Java是一种广泛使用的计算机编程语言，拥有跨平台、面向对象、泛型编程的特性，广泛应用于企业级Web应用开发和移动应用开发。</p>
</article>
</body>
</html>
HTML5 <header>元素
<header>元素指定为一个文件或部分标题。 <header>元素应该用作介绍性内容的容器。 您可以在一个<header>中包含多个元素。 以下示例定义文章的标题：
<!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语义化元素你真的用对了吗，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。