HTML5新增的非主体结构元素

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

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]学习笔记一新增的非主体结构元素

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

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

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

html5新增的主题结构元素

article元素 article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容. 它可以是一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件. 或其他任何独立的内容. article元素使可以嵌套使用的. article元素可以用来表示插件. <article> <header> <h1>极客学院</h1> <p>hello,欢迎来到极客学院</p&g…

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…

HTML5新增的非主体元素header元素、footer元素、hgroup元素、adress元素

---恢复内容开始--- header header元素是一种具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,但是也可以包含其他内容,例如数据表格.搜索表单或相关的logo图片. footer footer元素可以作为其上一层父级内容区块或是一个根区块的脚注.footer元素通常包含其相关的区块的脚注信息.如作者.相关阅读链接及版权信息等. hgroup hgroup元素是将标题及其子标题进行分组的元素.hgroup元素通常会将h1~h6元素进行分组,例如一个内容…

H5非主体结构元素

1.header元素:页面中一个内容区块或整个页面的标题: 具有引导和导航作用的结构元素,通常用来放置整个页面或页面内的一个内容区块的标题,也可以包含数据表格.搜索表单或相关的logo图片. 一个网页内并未限制header元素的个数,可以为每个内容块加一个header元素. 在H5中,一个header元素通常包含至少一个标题元素(h1-h6),也可以包含hgroup元素.table或form元素.nav元素. 2.hgroup 元素:用于对整个页面或页面中一个内容区块的标题进行组合: 将标题及其…

【原】HTML5 新增的结构元素——能用并不代表对了

做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬.忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素.html5 新增的结构元素,有的经常使用到,有的用不上,当页面禁用样式后,它们的展现跟 div 是没撒差别,有同学可能会说,既然一样,又不影响页面的最终展现,不管是 article 还是 section 能用就好了.如果考虑实际项目针对用户,我也是这么认为的,但作为一个重构仔,我们需要让标签语义化,清晰的结…

HTML5学习笔记一：新增主体结构元素

Dreamweaver快捷键: 属性面板:Ctrl+F3 新建文档:Ctrl+N 选择用网页查看:F12 新增的主体结构元素: section元素(例子如下): <!DOCTYPE HTML> <html> <body> <section> <h2>section元素使用方法</h2> <p> section元素用于对网站或应用程序中页面上的内容进行分块.</p> </section> </b…

html5新增的主体结构元素

1. article 主体结构元素通常是一篇文章.一个页面.一个独立完整的内容模块一般会带个标题,并放在 header 标签中,article 元素可以互相嵌套,使用频率极高,强调独立性,多注意下与 header 标签的使用 2. section section元素定义文档中的节,比如章节.页眉.页脚或文档中的其他部分.一个元section元素通常由内容以及标题组成 <html> <body> <section> <h1>WWF</h1> &…

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

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

HTML5中新增的主体结构元素

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

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

html5 新增的主体结构元素有:article,section,nav,aside,time,pubdate元素. 1. article元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或者报刊中的文章,一篇论坛帖子.一段用户评论或独立的插件,或其他任何独立的内容. 例子: <!DOCTYPE html> <html> <head> <title></title> </head> <bod…

web前端学习（二）html学习笔记部分（1） -- html5新增的元素及特性等等

检查,在浏览器中可以调整设备类型 html5实现水池效果. lang:en为英文语言,中文语言zh <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=…

HTML5 学习总结（二）——HTML5新增属性与表单元素

一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="div1" style="height:900px; backgrou…

HTML5 学习笔记（二）——HTML5新增属性与表单元素

目录一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placeholder占位属性 1.7.required必填属性 1.8.pattern正则属性 1.9.autofocus自动聚焦属性 1.10.autocomplete自动完成属性 1.11.novalidate不验证属性 1.12.multiple多选属性二.HTML5表单新功能解析 2.1.表单结构更自由…

HTML5 - 新增的元素，删除的元素

1,HTML5新增的元素(1)用于构建页面的语义元素:<article>,<aside>,<figcaption>,<figure>,<footer>,<header>,<nav>,<section>,<details>,<sumary>(2)用于标示文本的语义元素:<mark>,<time>,<wbr>(以前就支持,现在正式列入规范)(3)Web表单…

HTML5新增的结构元素

HTML5的结构一:新增的主体结构元素在HTML5中,为了使文档的结构更加清晰明确,追加了几个与页眉,页脚内容区块等文档结构相关联的结构元素. 1.1article元素 article元素代表文档,页面或应用程序中独立的完整的,可以独自被外部引用的内容,<article> 标签定义外部的内容.article元素是可以嵌套使用的,内层的内容在原则上需要与外层的内容相关联, 另外article元素也可以用来表示一个插件. <time> 标签定义日期或时间,或者两者.pubdate…

HTML5新增及移除的元素

HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程.为了更好的处理现在的互联网应用,HTML5新增了图形绘制.多媒体播放.页面结构.应用程序存储.网络工作等新元素.http://hovertree.com/menu/html5/ 图形绘制新元素标签描述 <canvas> 标签定义图形,比如图表和其他图像.该标签基于 JavaScript 的绘图 API 新多媒体元素标签描述 <audio> 定义音频内容 <vedio> 定义视频内容 <sou…

【转】HTML5新增元素兼容旧浏览器方法

ref:http://www.jb51.net/html5/163906.html 问题:如何让IE8-兼容这些标签?(需要设计JS中的DOM) 代码如下: <span style="font-size:14px;color:#FF6666;"> <!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5新增元素在旧浏览器的…

HTML5学习总结——HTML5新增属性与表单元素

一HTML5新增属性 1.1contcxtmcnu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="div1" style="height:900px; background…

疯狂的表单-html5新增表单元素和属性

疯狂的表单 2015/11/27 16:44:07 从三方面来介绍html5表单的新特性表单结构更灵活要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址 <body> <form action="upload.php" method="post" accept-charset="utf-8&…

HTML5新增与结构有关的元素

HTML5新增与结构有关的元素 1.section元素 2.article元素 3.aside元素 4.header元素 5.hgroup元素 6.footer元素 7.nav元素 8.figure元素…

html5--select与HTML5新增的datalist元素

html5--select与HTML5新增的datalist元素学习要点掌握select元素与datalist元素的使用 select元素用来建立一个下拉菜单选项列表不仅可以在表单中使用,还可以在其他块元素和内联元素中使用 select只是定义一个下拉菜单列表,其具体列表项要通过option元素建立 option元素可以用来建立一个选项,即下拉列表的一个菜单项 optgroup元素用来对option元素进行组合分组 size用来定义列表中显示的列表项 multiple属性用来定义是否可以…

HTML5新增的主体元素article、section、nav、aside、time元素和pubdate属性

article artticle元素代表文档.页面或应用程序中独立的.完整的.可以独自被外部引用的内容.它可以是一篇博客或者报刊中的文章,一篇论坛帖子,一段用户评论或者独立的插件或其他任何独立的内容. article元素是可以嵌套的. article元素可以用来表示插件. section section元素用于对网站或应用程序中页面上的内容进行分块.一个section元素经常由内容及其标题组成.但section元素并非一个普通的容器元素:当一个容器需要被直接定义样式或通过脚本定义行为时,推荐使用…