2.那年冬天背过的八股文

1.说说你对元素的语义化的理解

• 元素语义化就是用正确的元素做正确的事情。虽然在理论上，所有的html元素都可以通过css样式实现相同的事情，但是这么做会使事情复杂化，所以我们需要元素语义化来降低复杂度。

  元素语义化在我们实际的开发中有很多好处，比如：

  • 提高代码的阅读性和可维护性;
  • 减少coder之间的沟通成本;
  • 能让语音合成工具正确识别网页元素的用途，以便做出正确的反应
  • 有利于SEO(Search Engine Optimization)

2.说说你对SEO的理解

• SEO就是搜索引擎优化(Search Engine Optimization)，SEO通过了解搜索引擎的运行规则来调整网站，以提高网站的曝光度,以及网站的排名。

Google 搜索引擎的工作流程主要分为三个阶段：

抓取：Google 会使用名为“抓取工具”的自动程序搜索网络，以查找新网页或更新后的网页。Google 会将这些网页的地址（即网址）存储在一个大型列表中，以便日后查看。我们会通过许多不同的方法查找网页，但主要方法是跟踪我们已知的网页中的链接。

编入索引：Google 会访问它通过抓取得知的网页，并会尝试分析每个网页的主题。Google 会分析网页中的内容、图片和视频文件，尝试了解网页的主题。这些信息存储在 Google 索引中，而 Google 索引是一个存储在海量计算机中的巨大数据库。

呈现搜索结果：当用户在 Google 上进行搜索时，Google 会尝试确定最优质的搜索结果。“最佳”结果取决于许多因素，包括用户的位置、语言、设备（桌面设备或手机）以及先前用过的搜索查询。例如，在用户搜索“自行车维修店”后，Google 向巴黎用户显示的答案与向香港用户显示的答案有所不同。支付费用不能提高网页在 Google 搜索结果中的排名，网页排名是完全依靠算法完成的。

3.link元素

• link元素是外部资源连接元素，规范了文档与外部资源的关系
  • link元素通常实在head元素中的
• link常用的属性有两个
  • href：一个是指定连接资源的URL
  • rel：可以指定连接类型
    • 可以是icon：战点图标
    • 也可以是stylesheet：常见的css样式

 <!-- 引入icon(站点的图标) -->
  <link rel="icon" href="../images/favicon.ico">

4.浏览器渲染的流程

• 首先加载html文档，然后对html文档进行解析，然后加载css，解析css，然后解析后的html和css去创造DOM树，然后渲染D树，然后显示到浏览器中