-
全局属性，意味着任何一个标签都是可以使用的查看全部
-
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.ol双标签：有序列表（在ol中可设置如start=“50” reversed表示从50开始正序显示） 2.menu双标签：菜单标签（menu中type属性有三个类型，中间内容部分用li双标签把<input type=“”/>装在里面）需要自己定义css样式把它做得更美观 3<iframe seamless srcdoc="<h1>hello</h1>" sandbox src=""></iframe> iframe双标签：内嵌框架标签在一个页面中嵌入另一个页面（seamless有这个属性时框架没有边框也没有边距，srcdoc="”定义内嵌框架的内容与src有顺序的，srcdox在前把src内容覆盖了，sandbox规定内嵌框架安全的基点，src：嵌入文件的地址，width：内嵌框架宽度(可用像素值或百分比)，height：内嵌框架高度(可用像素值或百分比)，scrolling：是否出现滚动条("auto"为自动，"yes"为显示，"no"为不显示)）查看全部
-
10、内嵌css新增的属性 <style type="text/css" scoded>//scoded表示只对外部标签内部才有效 <div> <style type="text/css" scoped> h1{color:red;} p{color:blue;} </style> <h1>this my name</h1> <p>this my name</p> <div> 11、<iframe ></iframe>//内嵌框架 seamless属性---不会有边框、边距 srcdoc属性---指定内嵌框架的内容。有srcdoc 时，src 会被忽略，此时显示srcdoc中的内容，srcdoc的值可以是html代码 sandbox---规定内嵌框架的安全级别 （禁止提交表单、禁止执行javascript脚本、内嵌页面与外层页面不是相同的源） ①allow-forms:允许提交表单 ②allow-scripts：允许执行脚本 ③allow-same-origin：允许 iframe 内容被视为与包含文档有相同的来源 ④allow-top-navigation：允许 iframe 内容从包含文档导航（加载）内容查看全部
-
新增属性：（表单属性、链接属性、其他属性） 1.<meta http-equiv="pragma" content="no-cache">禁止页面缓存。 2.manifest:定义离线应用所需的文件。<html manifest="cache.manifest"> 3.<meta charset="utf-8">指定页面的字符集 4.sizes：指定浏览器选项卡上显示的网页logo，使用方法如下： <link rel='icon' href='demo_icon.gif' type='image/gif' sizes='16*16'> 5.<base href="http://localhost/" target="_blank">超链接打开方式，在新窗口打开页面地址以http://localhost/ 开头 + 相对 地址 6.script：defer和async（加载方式） defer--当浏览器读到<script src..> 脚本文件下载后不执行，等页面加载完成后才执行（推迟执行） async--当浏览器读到<script src..> 脚本文件下载后立刻执行，但并不停止执行后续的代码（异步执行） 7、<a media="hreflang" href="#">对相应的设备进行优化，handheld（手持设备），tv(电视) <a href="http://www.mukewang.com/" hreflang="zh" ref="external">慕课网</a> a：hreflang="zh"（设置语言，这里设置语言是中文,表示网址使用的网址是中文） a：ref="external"（设置超链接的引用，表示网址使用的是外部的） 8、start 起始值 reversed 倒序 如：<ol start="50" reversed> <li>1</li> <li>2</li> <li>3</li> </ol> 9、<menu type="">type的三个类型contextmenu（上下文菜单），list（列表菜单），toolbar（工具栏）查看全部
-
<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>查看全部
-
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查看全部
-
一、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> 上面三种写法都可以，当然如果属性值中出现空格，就必须写引号或双引号 ■建议：属性中，引号最好是双引号查看全部
-
新增标签 结构标签<header><nav><footer><figure><figcoption><hgroup>(类似h1-6)<section>(独立模块)<article><aside> 表单标签<email><url><number><range><search> 媒体标签<vedio src=""> 其他功能标签 <mark>//内容会被标注为黄色 <progress max='最大值' value='当前值'> //动态进度条 <time datetime='2013-10-20T09：00Z' pubdate>//只被搜索引擎使用 pubdate可是搜索引擎知道发布时间,T是日期与时间的分隔符，Z表示以标准格式显时间 <ruby><rt>注释的内容</rt><rp>浏览器不支持时应显示的内容 </rp></ruby>//注释的作用 <wbr>//软换行，根据屏幕的宽度自主选择是否换行 <canvas>利用js在画布上进行图形绘制</canvas> <command>命令菜单</command> <detial><summary>标题</summary>标题下收起的内容</detial>类似js写的二级菜单 <datalist id='car'><option>内容</option></datalist>与<input list="car">配合使用 此时点击文本框时，就会出现datalist中的内容，类似关键字搜索 <keygen></keygen>加密的标签，一般配合input使用，为其加密 <output></output>计算数值得一种控件 <menu type="toolbar(工具栏，上下文菜单)"></menu>菜单 被废除的标签 center,big,font,basefont,marquee,frame框架等查看全部
-
一、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.ol双标签：有序列表（在ol中可设置如start=“50” reversed表示从50开始正序显示） 2.menu双标签：菜单标签（menu中type属性有三个类型，中间内容部分用li双标签把<input type=“”/>装在里面）需要自己定义css样式把它做得更美观 3<iframe seamless srcdoc="<h1>hello</h1>" sandbox src=""></iframe> iframe双标签：内嵌框架标签在一个页面中嵌入另一个页面（seamless有这个属性时框架没有边框也没有边距，srcdoc="”定义内嵌框架的内容与src有顺序的，srcdox在前把src内容覆盖了，sandbox规定内嵌框架安全的基点，src：嵌入文件的地址，width：内嵌框架宽度(可用像素值或百分比)，height：内嵌框架高度(可用像素值或百分比)，scrolling：是否出现滚动条("auto"为自动，"yes"为显示，"no"为不显示)）查看全部
-
<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>查看全部
-
笔记1查看全部
-
defer 推迟执行 async 异步执行查看全部
-
<html lang="zh-CN">查看全部
举报
0/150
提交
取消