html5系列.基础知识
兼容性问题
创建一个html5页面
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> ...... </body> </html>
html5新的 (input type=类型) 元素
<input type="number" name="quantity" /> <input type="date" name="bday" /> <input type="color" name="favcolor" /> <input type="range" name="points" /> <input type="month" name="bdaymonth" /> <input type="week" name="week_year" /> <input type="datetime" name="bdaytime" /> <input type="datetime-local" name="bdaytime" /> <input type="email" name="email" /> <input type="search" name="googlesearch" /> <input type="tel" name="usrtel" /> <input type="url" name="homepage" />
html5新元素
<datalist> 标签定义可选数据的列表。 <keygen> 标签定义生成密钥。 <output> 标签定义不同类型的输出。 <article> 标签定义外部的内容。 <aside> 标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。 <details> 标签定义元素的细节,通过点击进行隐藏。 <dialog> 标签定义对话框或窗口。 <figcaption> 标签定义 figure 元素的标题。 <figure> 标签用于对元素进行组合。使用 figcaption 元素为元素组添加标题。 <footer> 标签定义 section 或 document 的页脚。 <header> 标签定义 section 或 document 的页眉。 <main> 标签定义文档的主要内容。 <meter> 标签定义度量衡。可在 min/max 属性中定义。 <nav> 标签定义导航链接的部分。 <rp> 标签定义在 ruby 注释中使用。 <rt> 标签定义字符(中文注音或字符)。 <ruby> 标签定义 ruby 注释(中文注音或字符)。 <section> 标签定义文档中的章节、页眉、页脚或文档中的其他部分。 <summary> 标签定义包含 details 元素的标题。 <time> 标签定义日期或时间。 <mark> 标签定义标记或高亮显示文本。此标签很常用,在搜索中可以高亮显示搜索关键词。 <progress> 标签运行中的进程。此标签来显示 javascript 中耗费时间的函数的进程。 -------------------------------------------------------------------------- <video> 标签定义视频。 <audio> 标签定义声音。 <source> 标签为媒介元素(<video>、<audio>)定义媒介资源。 <canvas> 标签定义图形。
本文来源:http://www.jcore.cn/2014/09/14/html5-series-base/