HTML5技术

html5学习笔记(3)--主题结构元素-1 - tuohaibei

字号+ 作者:H5之家 来源:H5之家 2016-08-08 13:00 我要评论( )

Article元素 以下为对应代码: 极客学院页面头部1评论底部1页面底部 效果图: 总结:article可以做为引入外部页面的语义化元素.article可以使页面代码结构更清晰. Section元素 以下为对应代码: test这是水果这是一个水果类这是水果这是一个红富士这是红富士这

Article元素

以下为对应代码:

极客学院页面头部1评论底部1页面底部

 

效果图:

总结:article可以做为引入外部页面的语义化元素.article可以使页面代码结构更清晰.

 

Section元素

以下为对应代码:

 

test这是水果这是一个水果类这是水果这是一个红富士这是红富士这是一个国光这是国光玩具类这是玩具1玩具1这是玩具2玩具2

 

效果图:

总结:article嵌套section时字体大小发生了变化,但是section嵌套article字体却还是一样.

article通常做为一个页面的独立部分存在,而section强调对页面内容的划分.

 

NAV导航

以下为对应代码:

主页开发文档页面导航html5css3html5......css3......版权

效果图

总结:个人感觉该标签的文档语义大于功能语义

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 使用HTML5的History API - Jaxu

    使用HTML5的History API - Jaxu

    2016-08-08 12:00

  • html5上传图片(二)一解决部分手机拍照上传图片转向问题 - 大朋展翅

    html5上传图片(二)一解决部分手机拍照上传图片转向问题 - 大朋展翅

    2016-08-06 10:00

  • 拥抱.NET Core,学习.NET Core的基础知识补遗 - KAnts

    拥抱.NET Core,学习.NET Core的基础知识补遗 - KAnts

    2016-08-05 13:00

  • HTML5中判断横屏竖屏 - 请把姓名返给我

    HTML5中判断横屏竖屏 - 请把姓名返给我

    2016-08-04 16:00

网友点评