2020前端面试 - HTML/CSS篇

前言：

2020年是多灾多难的一年，疫情持续至今，到目前，全世界的经济都受到不同程序的影响，各大公司裁员，在这样一片严峻的形式下，找工作更是难上加难。

企业的门槛提高，第一，对于学历的要求，必须学信网可查的统招本科；第二，对于技术的掌握程序，更多的是底层原理，项目经验，等等。

下面是面试几周以来，总结的一些面试中常被问到的题目，还有吸取的一些前辈们分享的贴子，全部系统的罗列出来，希望能够帮到正在面试的人。

1. 语义化

• 语义化：用合理、正确的标签来展示内容，比如h1~h6定义标题。

• 优点：
  1.易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。
  2.有利于SEO，搜索引擎根据标签来确定上下文和各个关键字的权重。
  3.方便其他设备解析，如盲人阅读器根据语义渲染网页
  4.有利于开发和维护，语义化更具可读性，代码更好维护，与CSS3关系更和谐。

• HTML5语义化标签：article nav（导航） aside section（节，段） header footer address等

2. src和href的区别

• href：Hypertext Reference的缩写，超文本引用，它指向一些网络资源，建立和当前元素或者说是本文档的链接关系。

• src：source的缩写，表示的是对资源的引用，它指向的内容会嵌入到当前标签所在的位置。