HTML5---新增结构元素_第1页
HTML5---新增结构元素_第2页
HTML5---新增结构元素_第3页
HTML5---新增结构元素_第4页
HTML5---新增结构元素_第5页
已阅读5页,还剩2页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、HTML5新增结构元素分为主体结构元素和非主体结构元素?主体结构元素包括 article、section、nav、aside、time?非主体结构元素包括 header、 hgroup 、 footer 、 address一、主体结构元素articlearticle标签,从语义化上看为文档、页面,其用法如下:?通常是一篇文章、一个页面、一个独立完整的内容模块? 一般会带个标题,并放在 header标签中?article元素可以互相嵌套使用频率极高,强调独立性,多注意下与header标签的使用。cart icledhl混莪标菱d小1,/我是珍蒋3vdi v我的内容/d ivsectionsect

2、ion标签,从语义化上看为部分,其用法如下:?用于页面内容的独立分块,往往是文章的一段?通常由内容和标题组成,没有标题的内容不推荐使用section使用频率低,强调分段分块。_LM浑果6 AMdivT节果是触? /article !h之鼎子由中端子是撤?1七可以看成是一种恃殊种类的能行iem元素,它比日之u匚:此更强if虫立性 中国人物三国颐晋、南北朝oecianES滥揩猛将猛将猛将P海将猛招猛将猛将,au匚匚Icuanavnav标签,从语义化上看为导航,其用法如下:?通常作为页面导航的链接组?侧边栏导航使用频率高。GiK& UKf= 菜单lixa上壮仁下菜单加/ax/l心asideaside

3、标签,从语义化上看为在旁边、侧边,其用法如下:?在article标签中使用时,作为主要内容的附属信息部分,如有关的参考资料、名词解释等。?在article标签外使用时,作为页面或者站点全局的附属信息部分,如侧边栏、博客的友情链接 部分、广告区域等。!一在打七士uLe标签外使用时一马云是谁/hl, 3:马云,男,14年1 9月L5日出生于浙江省杭州市,中国著名企It家,阿里巴巴集团淘宝网、支付宝创始人 hl澧著资料 百度网, 维基百科!在酢Buie标:蟹内使用时-3lixa代工电三”褶诸赵的f田宫之乂/工士,眠支小,嵬哥的博客bcoii)glxq h工嘘叔的博客七/ul上timetime标签,从

4、语义化上看为时间,其用法如下:?代表24小时中的某个时刻或某个日期?表示时刻时允许带时间差?可定义很多格式的日期和时间使用频率低。会证HTTEhZQLST-owQLq年3月目ue泗O-始比6脸属性中日期与时诩之间要用一工”文享分隔,F”先示时间LLme 2口L4年3月6020:0二、非主体结构元素headerheader标签,从语义化上看为文档的页眉,其用法如下:? 一种具有引导和导航作用的结构元素?通常放置在整个页面或者页面内的一个内容区块的标题?一个网页内并没有限制header标签的个数使用频率极高,比较容易理解。我是大头WhL)血 我是脖子。皿q减是身体Hgrouphgroup标签,从语义化上看为标题组,其用法如下:?作为header标签的子元素hgroup? 一个内容模块中包括了主标题和至少一个子标题才使用?通常会将h1h6 元素进行分组使用频率高。我是刘爸父XiiL我是关羽 也”3D就是我飞“力3中冶布啮呆m/ artleloFooterfooter标签,从语义化上看为文档的脚注,其用法如下:?一个内容块区的脚注?通常内容为联系信息、相关阅读、版权信息等使用频率高,比较容易理解。吕布惊呆7e/P11或于三国GS地图信息湍戏攻略 1Address address标签,从语义化上看为地址,其

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论