-
html5标签布局查看全部
-
<3>媒体标签 （1）vedio——定义视频，像电影片段或其他视频流。例如： <vedio src="movie.ogg" controls="controls">vedio标签</vedio> （2）audio——定义音频，像音乐或其他音频流。例如： <audio src="someaudio.wav">audio标签</audio> （3）embed——用来嵌入内容（包括各种媒体），格式可以是Mldl、Wav、AIFF、AU、MP3、flash等。例如：<embed src=”flash.saf”/> <4>其他标签 （1）mark：标注（像荧光笔做笔记） （2）progress——进度条；<progress max="最大进度条的值" value="当前进度条的值"> 例：<progress max="100" value="85"><span>85</span>"%"</progress> （3）time——语义标签，微数据标签，用来标注页面中的某一块内容，给搜索引擎用的 time datetime="2013-10-20T09:00Z"pubdate>9:00</time>——发布时间 （4）ruby和rt：对某一个字进行注释； <ruby> <rt>注释内容</rt> <rp>浏览器不支持时如何显示</rp> </ruby> （5）wbr——软换行，页面宽度到需要换行时换行； （6）canvas——与javascript配合进行图形绘制 <canvas id="mycanvas"><script >…</script></canvas> （7）command——定义命令按钮，比如单选按钮、复选框或按钮 <menu> <command type="command">Click Me!</command> </menu> （8）deteils ：展开菜单； （9）dateilst：文本域下拉提示； （10）keygen:加密； 删除标签： 1.可以用css代替的标签 2.不再使用frame 3.只有个别浏览器支持的标签 4.其他不常用的标签查看全部
-
1.新增标签 （1）结构标签 （2）表单标签 （3）媒体标签 （4）其他功能标签 <1>结构标签——(以前都是通过<div>实现的) （1）section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分； （2）article：特殊独立区块，与上下文不相关的独立内容，表示这篇页眉中的核心内容；（比如一篇文章） （3）aside：article标签内容之外与标签内容相关的辅助信息；（文章的辅助内容） （4）header：整个页面/某个区块的头部信息/标题；（头部信息） （5）hgroup：表示对整个页面或页面中的一个内容区块的标签进行组合；（头部信息的补充内容） （6）footer：表示整个页面或页面中一个内容区块的脚注，一般来说，会包含创作者的姓名、创作日期以及创作者的联系信息； （7）nav：表示页面中导航链接的部分 （8）figure：表示一段独立的流内容，一般表示文档流内容中的一个独立单元，使用figcaption标签为figure添加标题（独立的单元，例如某个有图片与内容的新闻块。） <2>表单标签 （1）emall——必须输入emall （2）url——必须输入url地址 （3）number——必须输入数值 （4）range——必须输入一定范围内数值 （5）Date Pickers（日期选择器） 拥有多个可供选取日期和时间的新输入类型： date-选择日、月、年 month-选择月、年 week-选择周、年 time-选取时间（小时和分钟） datetime-选取时间、日、月、年（UTC时间） datetime-local-选取时间、日、月、年（本地时间） （6）search——用于搜索域，域显示为常规的文本域 （7）color查看全部
-
一、HTML5语法 沿用了HTML的语法(已往过去的语法，是SGML语法的一个子集)，更简洁，更人性化。 1.DOCTYPE及字符编码 ① DOCTYPE：<!doctype html> ② 字符编码：<meta charset="utf-8"> ③ 给文档指定语言：<html lang="zh-CN"> 2.大小写都可以 ① 目的是为了兼容更多的文档，在HTML5里不区分大小写 建议：写代码最好规范，最好小写 3.布尔值 ① <input type="checkbox" checked/> 在这里checked写上就表示true，如果不写就表示false。而不用像HTML4中要写成checked="checked"了。 4.省略引号 ① <input type="text" /> ② <input type='text'> ③ <input type=text> 上面三种写法都可以，当然如果属性值中出现空格，就必须写引号或双引号 建议：属性中，引号最好是双引号 1、不允许写结束符的标签：area , basebr , col， command , embed , hr , img , input , keygen , link , meta , param , source , track , wbr<xx/> 2、可以省略结束符的标签：li , dt , dd , p , rt , optgroup , colgroup , thread , tbody , tr , td , th省略</XXX> 3、可以完全省略的标签：html , head , body , colgroup , tbody查看全部
-
<!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>查看全部
-
1.data—自定义属性名字 2.hidden：把hidden加入到标签内表示隐藏双标签之前的内容 3.spellcheck:对你输入的内容进行语法纠错（spellcheck=“true”） 4.tabindex:当你用tab键的切换顺序（tabindex=“填数字”） 5.contenteditable；在双标签里面加一个contenteditable=“true”表示这块内容是可以编辑的，点击时会出现一个编辑框，可以在里面编写内容。 6.在JavaScript里插入的 window.document.designMode = 'on'（JavaScript的全局属性，整个页面的文本都可以编辑了）查看全部
-
1.manifest="cache.manifest" 定义离线应用所需的文件<html> 2.charset="utf-8" 指定页面的字符集<meta> 3.sizes 指定网页图标大小，使用方法如下： <link rel='icon' href='demo_icon.gif' type='image/gif' sizes='16*16'> 指定浏览器选项卡上显示的网页logo 4.<base href="http://localhost/" target="_blank"> 在新窗口打开页面地址以http://localhost/ 开头 + 相对地址 5. <script src="">//下载脚本文件，执行，再下载下一个脚本文件，再执行 <script defer src="">//脚本文件下载后不执行，等页面加载完成后才执行（推迟执行） <scr async src="">// 脚本文件下载后立刻执行，但并不停止解析下面的内容（异步执行） 6、<a media="" hreflang="" ref="">//对相应的设备进行优化，handheld（手持设备），tv(电视) herflang=‘zh’表这个网址使用的语言是中文，ref=“external”表一个外部的超链接 7、<ol start="50" reversed>//start:起始值reversed:倒序显示 8、<menu type="">type的三个类型contextmenu（上下文菜单），list（列表菜单），toolbar（工具栏） 9、内嵌css新增的属性 <style type="text/css" scoded>//scoded表示只对外部标签内部才有效 10、<iframe ></iframe>//内嵌框架 seamless 无边框、无边距 srcdoc 有srcdoc 时，src 会被忽略，此时显示srcdoc中的内容，srcdoc 的值可以是html代码 sandbox 规定内嵌框架安全级别 ，禁止提交表单，禁止运行js脚本，使内嵌的页面与外部的页面的语言设为不一致查看全部
-
1. 新增标签 （1）结构标签 （2）表单标签 （3）媒体标签 （4）其他功能标签 <1>结构标签——原来用div （1）section元素——表示页面中一个内容区块，比如章节、页眉、页脚或页面的其他部分。可以和h1、h2等元素结合起来使用，表示文档结构。例：html5中<section>…</section>html4中<div>…</div>。 （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 republic of china was born in 1949</p> </figure> <2>表单标签 （1） emall——必须输入emall （2） url——必须输入url地址 （3） number——必须输入数值 （4） range——必须输入一定范围内数值 （5） Date Pickers（日期选择器） 拥有多个可供选取日期和时间的新输入类型： date-选择日、月、年 month-选择月、年 week-选择周、年 time-选取时间（小时和分钟） datetime-选取时间、日、月、年（UTC时间） datetime-local-选取时间、日、月、年（本地时间） （6） search——用于搜索域，域显示为常规的文本域 （7） color查看全部
-
可以进行省略的标签，还有尽量小写，尽量加上双引号查看全部
-
可以进行省略的标签，还有尽量小写，尽量加上双引号查看全部
-
hidden 替代css中的display； tabindex 切换tab键 优先顺序；查看全部
-
ol双标签：有序列表（在ol中可设置如start=“50” reversed表示从50开始正序显示） iframe ：sanbox定义安全级别；seamless无边框和边距 style scoped属性：只在外部的标签内起作用。查看全部
-
1.section双标签：划分整个网页但不用于布局，div双标签用于布局，可以把id赋给section通过section查找内容。 2.整个框架： <header> <hgroup> <h1>....</h1> <h2>....</h2> </hgroup> <nav> <ul> <li>....</li> <li>....</li> <li>....</li> <li>....</li> </ul> </nav> </header> <article> <section>....</section> <section>....</section> <section>....</section> <section>....</section> </article> <aside>....</aside> <footer>....</footer>查看全部
-
1.data—自定义属性名字 2.hidden：把hidden加入到标签内表示隐藏双标签之前的内容 3.spellcheck:对你输入的内容进行语法纠错（spellcheck=“true”） 4.tabindex:当你用tab键的切换顺序（tabindex=“填数字”） 5.contenteditable；在双标签里面加一个contenteditable=“true”表示这块内容是可以编辑的，点击时会出现一个编辑框，可以在里面编写内容。 6.在JavaScript里插入的 window.document.designMode = 'on'（JavaScript的全局属性，整个页面的文本都可以编辑了）查看全部
-
第二次看这个视频了，老师讲的太快，自己也是吸收快忘得快，所以再次学习做了详细的笔记2 <3>媒体标签 （1） vedio标签——定义视频，像电影片段或其他视频流。例如： <vedio src="movie.ogg" controls="controls">vedio标签</vedio> （2） audio标签——定义音频，像音乐或其他音频流。例如： <audio src="someaudio.wav">audio标签</audio> （3） embed标签——用来嵌入内容（包括各种媒体），格式可以是Mldl、Wav、AIFF、AU、MP3、flash等。例如： <embed src=”flash.saf”/>; <4>其他标签 （1） mark标签——提亮文字 （2） progress标签——进度条 <progress max="100" value="85"> <span>85</span> "%" </progress> （3） time标签——属于语义标签，或者说是微数据标签，用来标注页面中的某一块内容，这个标注是给机器（搜索引擎）用的 time datetime="2013-10-20T09:00Z"pubdate>9:00</time>——发布时间 （4） ruby标签——对某个字进行注释 <ruby> 漠 <rt></rt> //注释内容 <rp>(</rp> //当浏览器不支持时显示 “厂马 ” <rp>)</rp> </ruby> （5） wbr标签——软换行 （6） canvas标签——与javascript配合进行图形绘制 <canvas id="mycanvas"> <script > … </script> </canvas> (7)command标签 <menu> <command onclick="alert(hello world)" label="click"> "click me! " </menu>查看全部
举报
0/150
提交
取消