图标、iframes标签、语义化标签

图标（其本质为文字，样式按文字编辑来）

首先介绍一个网站，阿里巴巴矢量图标库，链接为https://www.iconfont.cn/,我们来看下他的页面

在这个网站中，我们可以找到常用网站及平常经常使用的图标，当我们使用时，新建一个项目，将需要的图标加到项目中，统一下载到本地，在文件夹中，会看到一个html文件，如下图

里面就是使用教程
图标引用有三种引入方式：

1. unicode引用
2. font-class引用
3. symbol引用
   
   
   
   
   前两种引用方式有些古板，可以换颜色，但古板，最后一种是彩色，但兼容性差。
   是不感觉很惊喜，不用抠图了唉
   想知道这个高亮显示文字咋出来的吗？
   用mark双标签框住就可以。

iframes标签

当我们想在设计的页面插入其它网页时，就可以用iframes，他是个行内标签,想了解可以看下这个https://www.w3school.com.cn/tags/tag_iframe.asp
不大好用，很少用。

语义化标签

他们的层级关系如下：
div<section<article<header=nav=aside=footer
也就是说在header,nav,aside,footer中可以插入article,section,div标签。所谓语义化，就是让看代码的人比较容易看懂，实际用处没什么。想了解的话，可以去w3school。

w3school

简单介绍一下，这个网站就是前端开发者的天堂，里面包含着关于前端开发的种种，想要查什么，或者学习前端可以去看下。