卓象程序员 | 哈尔滨IT培训 | 品质教育,口碑传承 | 为做出口口相传,好口碑的教育品牌而奋斗!

卓象程序员让每一位学员高薪就业 联系我们15124584610

加微信,了解详情
您所在的位置:首页 > 文章 >卓象技术

「卓象程序员」HTML5新增的主体结构元素
时间: 2019-11-04 08:50:08     来源: 卓象IT实训基地【原创】

一、HTML5出现的意义HTML5的出现对于web来说意义非常重大,因为它的意图是想要把目前web上存在的各种问题一并解决。例如:1. web浏览器之间的兼容性很低2. 文档结构不够明确3. Web应用程序的功能受到了限制世界知名浏览器厂商对于HTML5的支持,微软、谷歌、苹果Opera、火狐。那么我们今天就来学习HTML5新增的主体结构元素。


二、新增元素1. article元素代表文档、页面或应用程序中独立、完整的、可以独自被外部引用的内容。EG:一篇博客、报刊中的文章、论坛帖子、用户评论、独立插件,或者任何独立的内容。


用法例子:


并且article可以进行嵌套使用:


2. aside元素用来表示当前页面或文章的附属信息部分,它可以包含与当前页面或主要内容相关的引用。EG:侧边栏、广告、导航条,以及其他类似的有区别于主要内容的部分。


用法例子:


3. Section用于网站或应用程序中页面上的内容进行分块、或对文章内容分段。当一个容器需要被直接定义样式或通过脚本进行定义行为时,还是推荐使用div。


用法例子:


%1、 图解新标签今天和大家分享了3个HTML5新增的主体元素,用于页面布局中的位置我列了一些图片给大家理解。图解1:


图解2:


结语:其实HTML5更新的新标签,是将程序更加细致的语义化了。虽然这些问题我们都能够用div进行解决,但是HTML5的新标签会让更多的浏览器进行兼容,是为了发展的必经路程,希望各位同学认真体会,多多练习。每日分享技术干货~
报名卓象免费训练营课程
学习最新热门IT技术找一份自己满意的高薪工作15天免费学习!!卓象程序员★ 零基础,随时体验★ 免费试听,满意后再报名
★ 小班授课,学习氛围浓厚★ 口碑相传,80%学员来自口碑推荐★ 教学严管,闯关式学习保障学习效果★ 公司地点,哈尔滨市东直路123号7楼