html5中新增非主体结构元素

1.header元素定义HTML文档的页眉,是一种具有引导和导航作用的结构元素 <header> <h1>header元素</h1> <nav> <ul> <li><a href="www.baidu.com">主页</a></li> <li><a href="www.baidu.com">baidu</a></li…

article元素 article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容. 它可以使一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件,或其他任何独立的内容. article元素是可以嵌套使用的.(内层的article原则上要与外层的article内容相关联) article元素可以用来表示插件.(使插件看起来像是页面中一样) 举个例子: <article> <header> <h1>标题</h1> <p&…

html5中新增的非主体结构的元素

html5中出了新增了article.section.nav.aside.time主要结构元素外,还增加了一些表示逻辑结构或附加信息的非主体结构元素. 一.header元素 header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的内容区块的标题,但也可以包含其他内容,例如数据表格.搜索表单或相关的LOGO图片. 二.footer元素 footer元素可以作为其上层父级内容区块或一个根区块的脚注.footer通常包括其相关区块的脚注信息,如作者.相关阅读链接以及版权信息等…

HTML5新增的主体元素和新增的非主体结构元素

HTML5新增的主体元素 article元素 article元素表示文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件,或者其他任何独立的内容.(article元素是可以嵌套使用的.article元素可以用来表示插件) 示例 <article> <h1>这是一个内嵌页面</h1> <object> <embed src="" width="…

HTML5的结构学习(2) --- 新增的非主体结构元素

除了上一篇学习到的主体结构元素之外,html5还增加了一些表示逻辑结构和附加信息的非主体结构元素: 1.header 解释:一种具有引导和导航作用的结构元素. 用途:通常用来放置整个页面或者页面内某一内容区块的标题部分.如标题名称.logo图片等. <header><h1>大标题</h1></header> <article> <header><h1>文章内容标题</h1></header> <…

HTML5新增的非主体结构元素

-------------------siwuxie095 HTML5 新增的非主体结构元素 1.header 元素 header 元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但是也可以包含其它内容,如:数据表格.搜索表单.或相关的 logo 图片 2.footer 元素 footer 元素可以作为其上层父级内容区块或是…

[html5]学习笔记一新增的非主体结构元素

html新增加的非主体结构元素,主要是用来表示附加信息的,包括header,footer,hgroup,address元素. 1.header元素 header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个区块的标题,但是也可以包含其他内容,例如数据表格.搜索表单或相关的logo图片. 过去常用div元素承载头部.内容和底部,如下: <body> <div class="header"></div> <div cla…

HTML5的结构学习(1) --- 新增的主体结构元素

1.article 元素解释:代表文档.页面和应用程序中独立的.完整的.可以被独自引用的内容. 主要用途:博客中的文章.评论,贴吧中的帖子,或者独立的插件等. article中可以包含多种元素例如: <article> <header>日记随笔</header> <p>发表日期: <time pubdate="pubdate">2014/09/18</time> </p> <p>今天早…

html5中的fieldset/legend元素和keygen元素

html5中的fieldset/legend元素和keygen元素一.总结一句话总结: fieldset/legend元素和figure和figcaption很像,只不过是作用于表单,前者表示内容,后者表示标题 keygen元素用来建立一个密钥生成器 1.keygen元素使用实例? form中放<keygen name="mykey">后,会让你选择加密方式,后台会收到加密后的表单信息 2.fieldset/legend元素使用实例? fieldset放在form中,l…

html5中新增的form表单属性

html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属性值,当设置为on时,启动该功能:当设置off时,关闭该功能.启用该功能后,当用户在自动完成域开始输入时,浏览器就会在该域中显示填写的选项.用户每提交一次,就会增加一个用于选择的选项 <!DOCTYPE html> <html> <head lang="en"…