-
一、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查看全部
-
废除的元素 1、能用css代替的元素 basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的，HTML5中提倡把画面展示性功能放在css中统一编辑。 2、不再使用frame框架。 frameset、frame、noframes。HTML5中不支持frame框架，只支持iframe框架，或者用服务器方创建的由多个页面组成的符合页面的形式，删除以上这三个标签。 3、只有部分浏览器支持的元素 applet、bgsound、blink、marquee等标签。 4、其他被废除的元素 废除rb，树勇ruby替代。 废除acronym使用abbr替代。 废除dir使用ul替代。 废除isindex使用form与input相结合的方式替代 废除listing使用pre替代 废除xmp使用code替代 废除nextid使用guids 废除plaintex使用“text/plian”（无格式正文）MIME类型替代。查看全部
-
新增input标签 email 必须输入email url 必须输入url地址 number 必须输入数值 range 必须输入一定范围内数值 Date Pickers（日期选择器） 拥有多个可供选取日期和时间的新输入类型： date - 选取日、月、年 month - 选取月、年 week - 选取周和年 time - 选取时间（小时和分钟） datetime - 选取时间、日、月、年（UTC 时间） datetime-local - 选取时间、日、月、年（本地时间） search 用于搜索域，域显示为常规的文本域。 color查看全部
-
datalist标签 定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。使用 input 元素的 list 属性来绑定 datalist。 <input id="myCar" list="cars" /> <datalist id="cars"> <option value="BMW"> <option value="Ford"> <option value="Volvo"> </datalist> datagrid标签 如何用？ 定义可选数据的列表。datagrid 作为树列表来显示。 如果把 multiple 属性设置为 true，则可以在列表中选取一个以上的项目。 keygen标签 如何用? 标签规定用于表单的密钥对生成器字段。 当提交表单时，私钥存储在本地，公钥发送到服务器。 <form action="demo_keygen.asp" method="get"> Username: <input type="text" name="usr_name" /> Encryption: <keygen name="security" /> <input type="submit" /> </form> output标签 定义不同类型的输出，比如脚本的输出。 <form action="form_action.asp" method="get" name="sumform"> <output name="sum"></output> </form> source标签 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。 menu标签 定义菜单列表。当希望列出表单控件时使用该标签。注意与nav的区别，menu专门用于表单控件。 <menu> <li><input type="checkbox" />Red</li> <li><input type="checkbox" />blue</li> </menu>查看全部
-
ruby元素 定义 ruby 注释（中文注音或字符）。 与 <ruby> 以及 <rt> 标签一同使用。ruby 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 rt 元素组成，还包括可选的 rp 元素，定义当浏览器不支持 "ruby" 元素时显示的内容。 <ruby> 漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt> </ruby> rt元素 定义字符（中文注音或字符）的解释或发音。 rp元素 在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。 wbr元素 表示软换行。与br元素的区别：br元素表示此处必须换行；wbr表示浏览器窗口或父级元素足弓宽时（没必要换行时），不换行，而宽度不够时主动在此处换行。 canvas元素 定义图形，比如图表和其他图像。<canvas> 元素只是图形容器（画布），必须使用脚本来绘制图形。 <canvas id="myCanvas"></canvas><script type="text/javascript"> var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000'; ctx.fillRect(0,0,80,100); </script> command元素——貌似没什么效果。是不是支持有问题 表示命令按钮，比如单选按钮、复选框或按钮。 只有当 command 元素位于 menu 元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。。 <menu> <command onclick="alert('Hello World')"> Click Me!</command> </menu> details标签 目前只有 Chrome 支持 details 标签 用于描述文档或文档某个部分的细节 。 可与 summary 标签配合使用，summary可以为 details 定义标题。标题是可见的，用户点击标题时，会显示出 details。summary应该是details的第一个子元素。查看全部
-
新增的其他元素 video元素 定义视频。像电影片段或其他视频流。例：<video src="movie.ogg" controls="controls">video元素</video> HTML4中写法： <object type="video/ogg" data="move.ogv"> <param name ="src" value="movie.ogv"> </object> audio元素 定义音频。如音乐或其他音频流。例：<audio src ="someaudio.wav">audio元素</audio> html4中写法： <object tyle="application/ogg" data="someaudio.wav"> <param name ="src" value= "someaudio.wav"> </object> embed元素 用来嵌入内容(包括各种媒体)。格式可以是Midi、Wav、AIFF、AU、MP3,flash等。例：<embed src="flash.swf" /> HTML4中代码示例<object data="flash.swf" type="application/x-shockwave-flash"><object> mark元素 主要用来在视觉上向用户呈现哪些需要突出显示或高亮显示的文字。典型应用搜索结果中高亮显示搜素关键字。 HTML5<mark></mark>;HTML4 <span></span>。 progress元素 表示运行中的进程，可以使用progress元素显示JavaScript中耗时时间函数的进程。等待中……、请稍后等。<progress></progress>。 time元素 表示日期或时间，也可以两者同时。查看全部
-
新增的结构标签 section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、 h2……等元素结合起来使用，表示文档结构。例：HTML5中<section>……</section>;HTML4中<div> ……</div>。 article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。 aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。 header元素 表示页面中一个内容区块或真个页面的标题。 hgroup元素 表示对真个页面或页面中的一个内容区块的标题进行组合。 footer元素 表示整个页面或页面中一个内容区块的脚注。一般来说，他会包含创作者的姓名、创作日期以及创作者的联系信息。 nav元素 表示页面中导航链接的部分。 figure元素 表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。例如： <figure> <figcaption>PRC</figcaption> <p>The People's Republic of China was born in 1949</p> </figure> HTML4中常写作 <dl> <h1>prc</h1> <p>The People's Republic of China was born in 1949</p> </dl>查看全部
-
一、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查看全部
-
wbr软换行：页面足够宽时不换行，窄的 时候换行 1.结构标签：以前都是通过<div>实现的 （1）section：独立内容区块，可以用h1~h6组成大纲，表示文档结构，也可以有章节、页眉、页脚或页眉的其他部分； （2）article：特殊独立区块，与上下文不相关的独立内容，表示这篇页眉中的核心内容；（比如一篇文章） （3）aside：article标签内容之外与标签内容相关的辅助信息；（文章的辅助内容） （4）header：整个页面/某个区块的头部信息/标题；（头部信息） （5）hgroup：表示对整个页面或页面中的一个内容区块的标签进行组合；（头部信息的补充内容） （6）footer：表示整个页面或页面中一个内容区块的脚注，一般来说，会包含创作者的姓名、创作日期以及创作者的联系信息； （7）nav：表示页面中导航链接的部分 （8）figure：表示一段独立的流内容，一般表示文档流内容中的一个独立单元，使用figcaption标签为figure添加标题（独立的单元，例如某个有图片与内容的新闻块。）查看全部
-
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查看全部
-
<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>查看全部
-
一、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查看全部
-
HTML5 标签结构查看全部
-
HTML5新增的全局属性查看全部
-
新增加的标签，对DIV进行划分查看全部
举报
0/150
提交
取消