html5十大新特性

1. 语义化标签：HTML5 增加了一些新的语义化标签，例如 <header>、<footer>、<nav>、<article> 等，这些标签可以更好地描述网页结构。

2. 视频和音频：HTML5 提供了 <video> 和 <audio> 标签，使得在网页中嵌入视频和音频变得更加简单。

3. 画布(Canvas)：HTML5 的 <canvas> 标签可以用来绘制图形，实现动画效果等。

4. 本地存储：HTML5 提供了本地存储的 API，可以通过 localStorage 和 sessionStorage 存储本地数据。

5. Web Workers：HTML5 的 Web Workers 可以让 JavaScript 在后台线程中运行，不影响主线程的运行，提高页面性能。

6. 地理定位：HTML5 的 Geolocation 可以获取用户的地理位置信息。

7. 表单增强：HTML5 的表单增强包括了自动验证、placeholder 属性、日期选择器等。

8. WebSockets：HTML5 的 WebSockets 可以实现实时通信，更加方便的实现在线聊天、游戏等应用。

9. 拖放 API：HTML5 的拖放 API 可以实现网页元素的拖拽、拖放等效果。

10. 离线应用：HTML5 的离线应用可以让网页在没有网络连接时仍然可以访问。

相关问题

html图片上下居中

要让HTML中的图片上下居中，可以使用以下两种方法：

1.使用表格实现图片上下居中

<table>
  <tr>
    <td style="text-align:center; vertical-align:middle;">
      <img src="your_image.jpg" alt="your_image">
    </td>
  </tr>
</table>

2.使用CSS绝对定位和margin实现图片上下居中

<div id="wrap">
  <img src="your_image.jpg" alt="your_image" class="inner1">
</div>

<style>
  #wrap {
    width: 500px;
    height: 500px;
    margin: 0 auto;
    position: relative;
    background-color: red;
  }
  #wrap .inner1 {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
  }
</style>

其中，第一种方法使用了表格的垂直居中特性，将图片放在表格单元格中，并将单元格的垂直对齐方式设置为居中即可。

第二种方法使用了CSS的绝对定位和margin负值的特性，将图片的位置设置为绝对定位，并将左、上边距设置为50%，再通过margin负值将图片拉回自身宽度和高度的一半，从而实现图片的上下居中。

html网页设计知识点

HTML（HyperText Markup Language）是一种用于创建网页的标记语言，以下是一些HTML网页设计的知识点：

1. 标签：HTML中使用标签来将文本、图像、音频和视频等元素标记起来。

2. 元素：元素是指标签及其内容的组合体。

3. 属性：属性是指标签的特性，如颜色、大小、字体等。

4. 样式：CSS（Cascading Style Sheets）可以用来为HTML文档添加样式，包括颜色、字体、大小、布局等。

5. 图像：HTML可以插入图像，可以使用<img>标签指定图像的位置和大小。

6. 链接：HTML可以链接到其他网页、文档、图像和音频文件等。

7. 表格：HTML可以创建表格，可以使用<table>标签创建表格，<tr>标签创建行，<td>标签创建单元格。

8. 表单：HTML可以创建表单，可以使用<form>标签创建表单，包括文本框、复选框、单选按钮、下拉列表等。

9. 布局：HTML可以使用<div>和<span>标签来布局文本和图像。

10. 多媒体：HTML可以插入音频和视频，可以使用<audio>和<video>标签。