HTML5新特性

川长思鸟来 2022-04-04 16:10 271阅读 0赞

## HTML5 图形 ##

使用 HTML5 你可以简单的绘制图形:

*  使用 <canvas> 元素。
 *  使用内联 SVG。
 *  使用 CSS3 2D转换、CSS3 3D转换。

--------------------

## HTML5 使用 CSS3 ##

*  新选择器
 *  新属性
 *  动画
 *  2D/3D 转换
 *  圆角
 *  阴影效果
 *  可下载的字体

--------------------

## 语义元素 ##

HTML5 添加了很多语义元素如下所示：

<table> 
 <tbody> 
  <tr> 
   <th>标签</th> 
   <th>描述</th> 
  </tr> 
  <tr> 
   <td>&lt;article&gt;</td> 
   <td>定义页面独立的内容区域。</td> 
  </tr> 
  <tr> 
   <td>&lt;aside&gt;</td> 
   <td>定义页面的侧边栏内容。</td> 
  </tr> 
  <tr> 
   <td>&lt;bdi&gt;</td> 
   <td>允许您设置一段文本，使其脱离其父元素的文本方向设置。</td> 
  </tr> 
  <tr> 
   <td>&lt;command&gt;</td> 
   <td>定义命令按钮，比如单选按钮、复选框或按钮</td> 
  </tr> 
  <tr> 
   <td>&lt;details&gt;</td> 
   <td>用于描述文档或文档某个部分的细节</td> 
  </tr> 
  <tr> 
   <td>&lt;dialog&gt;</td> 
   <td>定义对话框，比如提示框</td> 
  </tr> 
  <tr> 
   <td>&lt;summary&gt;</td> 
   <td>标签包含 details 元素的标题</td> 
  </tr> 
  <tr> 
   <td>&lt;figure&gt;</td> 
   <td>规定独立的流内容（图像、图表、照片、代码等等）。</td> 
  </tr> 
  <tr> 
   <td>&lt;figcaption&gt;</td> 
   <td>定义 &lt;figure&gt; 元素的标题</td> 
  </tr> 
  <tr> 
   <td>&lt;footer&gt;</td> 
   <td>定义 section 或 document 的页脚。</td> 
  </tr> 
  <tr> 
   <td>&lt;header&gt;</td> 
   <td>定义了文档的头部区域</td> 
  </tr> 
  <tr> 
   <td>&lt;mark&gt;</td> 
   <td>定义带有记号的文本。</td> 
  </tr> 
  <tr> 
   <td>&lt;meter&gt;</td> 
   <td>定义度量衡。仅用于已知最大和最小值的度量。</td> 
  </tr> 
  <tr> 
   <td>&lt;nav&gt;</td> 
   <td>定义导航链接的部分。</td> 
  </tr> 
  <tr> 
   <td>&lt;progress&gt;</td> 
   <td>定义任何类型的任务的进度。</td> 
  </tr> 
  <tr> 
   <td>&lt;ruby&gt;</td> 
   <td>定义 ruby 注释（中文注音或字符）。</td> 
  </tr> 
  <tr> 
   <td>&lt;rt&gt;</td> 
   <td>定义字符（中文注音或字符）的解释或发音。</td> 
  </tr> 
  <tr> 
   <td>&lt;rp&gt;</td> 
   <td>在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。</td> 
  </tr> 
  <tr> 
   <td>&lt;section&gt;</td> 
   <td>定义文档中的节（section、区段）。</td> 
  </tr> 
  <tr> 
   <td>&lt;time&gt;</td> 
   <td>定义日期或时间。</td> 
  </tr> 
  <tr> 
   <td>&lt;wbr&gt;</td> 
   <td>规定在文本中的何处适合添加换行符。</td> 
  </tr> 
 </tbody> 
</table>