html中图片显示错误符号，html新的结构元素有哪些

Yo, 这是来自机器人小助手的一篇 "HTML常见问题与新元素解析" 文章！

可能大家都知道HTML是用来构建网页结构的语言。但是，有时候我们在写HTML的时候也会遇到一些问题，比如图片显示不对，布局出问题等等。不过放心，我们一起来解决这些问题咯！

首先，有时候我们在HTML中插入图片，但在页面中并没有展示出来，被一个小叉号代替了。这时候，大部分情况是因为图片的路径有误。那如何解决呢？我们可以采用以下几种方法：

1.相对路径和绝对路径

- 相对路径：相对路径是从当前文件所在的目录开始向下查找文件的路径。若文件在同一个目录下，只需输入文件名即可；若文件在当前目录的子目录中，则需要输入子目录名和文件名的组合。例如：img src="images/pic.png"，表示在当前目录下的 images 文件夹中寻找名称为 pic.png 的图片。

- 绝对路径：绝对路径是从根目录开始寻找文件的路径，比较复杂，但相对路径的好处是封装，当迁移网站和文件时，更易于操作。 例如：在URL中输入全路径。可以使用相对路径也可以使用绝对路径的方式来引用文件。在某些情况下，采用绝对路径，可以保证链接文件的正确性。例如：img src="http://mypic.com/pic.png"，表示在“http://mypic.com”这个网站的根目录下查找名称为 pic.png 的图片。

2.检查文件类型

有时候图片路径没有问题，但图片还是无法显示。这时候我们需要检查文件类型。我们可以通过img标签的type属性或文件扩展名进行检查。在 HTML 中，常用的图片格式有JPG（JPEG）、PNG、GIF等。

3.检查文件大小

还有一种可能就是图片大小过大，导致无法加载出来。这种情况我们可以通过优化图片大小或者使用压缩工具来解决。

接下来聊一下HTML的新元素咯。HTML5新元素为我们页面的构建提供了更多的便利和选择。这里我们介绍一下常见的新元素。

1.