-
1.section双标签:划分整个网页但不用于布局,div双标签用于布局,可以把id赋给section通过section查找内容。 2.整个框架: <!doctype heml> <html> <head> <meta charset="utf-8"> <title>这是个神奇的HTML5</title> </head> <body> //头部开始 <header> <h1>HTML5</h1> <nav> <ul> <li><a hraf="index.html" target="_blank">首页</a></li> <li><a hraf="pose.html" target="_blank">活动</a></li> <li><a hraf="news.html" target="_blank">社区</a></li> </ul> </nav> </header //头部结束 //main部分开始 <section id="idea"> <h1>这是个神奇的HTML5:</h1> <p>不管你信不信总之HTML5已经成为现今比较流行的前端开发,粗发吧粗人们………………</p> </section> <section id="soglan"> //在这里你会发现section不能用来做页面布局,做布局还得用上div,^_^ <div class="up"></div> <div class="down"></div> </section> <section id="post"></section> //main部分结束 //footer开始 <footer>This is a pages</footer> //footer结束 </body> </html>查看全部
-
新增全局属性<br><br> 1、date-youvalue 自定义属性<br><br> 2、hidden 隐藏标签<br><br> 3、tabindex 改变tab触发顺序<br><br> 4、contenteditable=“true” 使某些内容可编辑<br><br> 5、designMode=“off,on” 使所有支持contentEditable 属性的标签可编辑<br><br> 6、spellCheck 输入的内容语法检查查看全部
-
更简单更人性化: 1.DOCTYPE及字符编码 2.大小写都可以 3.布尔值 4.省略引号 5.可以进行省略的标签查看全部
-
全局属性: 1.可直接在标签里插入的: data-自定义属性名字; hidden(直接放上去就是隐藏 相当于HTML 4 的display); spellcheck="true"(单词语法纠错); tabindex="1"(Tab跳转顺序 按Tab键); contenteditable="true"(可编辑状态,单击内容,可修改); 2.在JavaScript里插入的 window.document.designMode = 'on'(JavaScript的全局属性,整个页面的文本都可以编辑了);查看全部
-
defer延迟加载,在整个页面加载解析完成后执行这个脚本; async异步加载,在浏览器解析到这个脚本位置时就立刻执行该脚本,同时也在继续加载整个页面其他部分。查看全部
-
HTML5废除的标签 1、能用CSS代替的标签 2、不再使用frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的符合页面的形式 3、只有部分浏览器支持的标签 appiet、marquee等标签 4、其他被废除的标签 废除rb,使用ruby代替 。。。。。。查看全部
-
HTML5新增的其他标签 1、mark 高亮文本 2、progress 进度条 3、time 时间 <time datetime="2013-10-20T09:00Z" pubdate>9:00</time> 4、ruby 文本解释 5、wbr 软换行,类似于br,当页面很窄时文本会自动换行,否则正常排版。 <p> " 如果想学习AJAX,那么你必须熟悉XML " <wbr></wbr> " Http Request 对象 " </p> 6、canvas 图形绘制 7、command 命令 8、details 伸缩栏,可展开内容 <details open> <summary>MacBook Pro Specification</summary> <ul> <li>...</li> <li>...</li> <li>...</li> </ul> </details> 9、datalist 输入框提示查看全部
-
HTML5新增表单控件标签 1、email 必须输入email 2、url 必须输入url地址 3、number 必须输入数值 4、range 必须输入一定范围内数值 5、Date Pickers (日期选择器) date 选取日、月、年 month 选取月、年 week 选取周和年 time 选取时间(小时和分钟) datetime 选取时间、日、月、年(UTC时间) datetime-local 选取时间、日、月、年(本地时间) 6、search 用于搜索域,域显示为常规的文本域。 7、color查看全部
-
新增的媒体标签 1、video标签 定义视频,像电影片段或其他视频流。 语法:<video src="move.ogg" controls="controls">video标签</video> 在HTML4中的写法: <object type="video/ogg" data="move.ogv"> <param name="src" value="movie.ogv"> </object> 2、audio标签定义音频。如音乐或其他音频流。例:<audio src="someaudio.wav">audio标签</audio> html4中写法: <object type="application/ogg" data="someaudio.wav"> <param name="src" value="sameaudio.wav"> </object> 3、embed标签 用来嵌入内容(包括各种媒体)。格式可以是Midi、Wav、AIFF、AU、MP3、flash等。 例:<embed src="flash.swf" />; HTML4中代码示例<object data="flash.swf" type="application/x-shockwave-flash"><object>查看全部
-
HTML5新增的结构标签 1、section标签 相当于HTML4中的div。表示页面中的一个内容块,比如章节、页眉、页脚或页面的其他部分,可以和h1、h2等标签结合使用。 2、article标签 表示页面中一块与上下文不相关的独立内容,比如一篇文章。 3、aside标签 表示article标签内容之外的、与article标签内容相关的辅助信息。 4、header标签 表示页面中一个内容块或整个页面的标题。 5、hgroup标签 表示对整个页面或页面中的一个内容块的标题进行组合。 6、footer标签 表示整个页面或页面中一个内容块的脚注,一般来说,它会包含创作者的信息。 7、nav标签 表示页面中导航链接的部分。 8、figure标签 表示一段独立的流内容,一般表示文档主体流内容的一个独立单元。使用figcaption标签为figure标签组添加标题。例如: <figure> <figcaption>PRC</figcaption> <p>The People's R.......</p> </figure>查看全部
-
HTML5中新增的标签有 1.结构标签 2.表单标签 3.媒体标签 4.其他功能标签 删除的标签有 1、可以用css代替的标签 2、不在使用frame 3、只有个别浏览器支持的标签 4、其他不常用的标签查看全部
-
XHTML对大小写区分,HTML5对大小写不区分,但为了使文档更规范,一般还是小写查看全部
-
H5基本布局写法查看全部
-
data-查看全部
-
div section article 语义从无到有,逐渐增强查看全部
举报
0/150
提交
取消