html5主体结构元素怎么使用

本文小编为大家详细介绍“html5主体结构元素怎么使用”，内容详细，步骤清晰，细节处理妥当，希望这篇“html5主体结构元素怎么使用”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了番禺免费建站欢迎大家使用！

html5主体结构元素有：1、article元素，定义独立的内容；2、section元素，定义文档中的节；3、nav元素，定义导航链接的部分；4、aside元素，定义文档侧栏部分；5、time元素，定义日期或时间。

本教程操作环境：windows7系统、HTML5版、Dell G3电脑。

主体结构元素，他是为了语义可以结构化，就是为了更好的SEO，就是为了浏览器更好的抓取数据。包含的元素主要有article、section、nav、aside、time。

article元素

article标签从语义上看为文档、页面。用法：通常是一篇文章、页面、一个独立完整内容。强调的是独立性，article可以互相嵌套并且通常拥有header标签，它可以看做特殊的section元素（后面讲解）。使用频率高，代码如下：

  
  
    
    
 apple教程
   
    
时间：2013-2-1
   
  
   
  
轻松学习apple教程，就来
  www.apple.com   
    
 

section元素

section元素语义为部分，用法：用于页面中内容的某一段，如文章的一段，通常由标题和内容组成，没有标题的部分不推荐使用section。section可以嵌套article元素，因为article更独立。使用频率低，强调分段分块。代码如下：

   

   
section元素使用方法
    
 section元素用于对网站或应用程序中页面上的内容进行分块。
   

 

注意：当一个容器需要被定义样式或者脚背定义行为时，推荐使用p。不使用section.

nav元素

nav元素语义为导航，用法：一般作为页面导航部分，使用频率高。代码如下：

aside元素

aside元素语义为旁边、侧边，用法：在 article 标签中使用时，作为主要内容的附属信息部分，如有关的参考资料、名词解释等。在 article 标签外使用时，作为页面或者站点全局的附属信息部分，如侧边栏、博客的友情链接部分、广告区域等。 使用频率低。代码如下：

    
马云是谁
    
马云，男，1964年10月15日出生于浙江省杭州市，中国著名企业家，阿里巴巴集团、淘宝网、支付宝创始人..........
    

 

 

time元素

time元素是时间标签。用法：代表 24 小时中的某个时刻或某个日期，表示时刻时允许带时间差，可定义很多格式的日期和时间，使用频率低。代码如下：

读到这里，这篇“html5主体结构元素怎么使用”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注创新互联行业资讯频道。