搜索引擎优化试题 面试，有什么怕的呢？（一）|頔言頔语

　　搜索引擎优化试题 面试，有什么怕的呢？（一）|頔言頔语

　　简介：要进步，就要进步。进步就是成本等于收入。

　　面试，你怕什么？你要重复知识，重复很多次，记住标题1.HTML语义正如我所理解的

　　概念：语义标签是工作中常用的一类标签。它们的特点是相似的视觉表现。主要区别在于它们表达不同的语义。比如我们经常看到的/nav/p部分

　　接着来了解前端开发的各个阶段：

　　我们为什么要使用语义标签？

　　div 和 span 还不够吗？

　　绝大多数前端工程师现在都可以依靠 div 和 span 周游世界了。后来引入语义的概念，让前端更加专业。

　　首先你是一名工程师，其次你是一名前端。语义学的出现只是为了专门化这样一个术语吗？当然不是，每一个发展阶段都会带来实实在在的好处！

　　但是现在出现了语义混乱的现象。例如，ul 表示一个无序列表，但是很多前端会在并行结构中使用它。所以，对于语义标签。我的态度是，用对了比不用好，用对了比用错了。当然，对于更规范、更专业的前端技术，我推荐有理想和有追求的前端工程师使用和推广

　　语义的几种使用场景：

　　1. 作为自然语言和纯文本的补充

　　比如ruby语言就是这样诞生的

　　 来自东方（作者）的神秘力量

　　使用括号，效果差很多。所以在 HTML5 中引入了 Ruby 标签

　　2. 一些标签是必要的。如果不介绍，就会造成歧义。

　　 昨天我吃了一个香蕉，今天我吃了一个苹果

昨天我吃了两个苹果，今天我吃了一个苹果

　　他们的重点是“Apple”和“One”。没有上下文时如何消除歧义？语义标签非常重要！

　　3.作为标题摘要的语义标签

　　语义html支持自动生成目录结构。因为文章具有树型目录结构的概念，由各级标题组成，使用语义标签可以使文章结构更加清晰。

　　4.适合机器阅读的整体结构

　　现在越来越多的浏览器引入了阅读模式，使用语义结构化的界面。页面信息的主次关系可以更清楚地表示。更好地支持浏览器的‘阅读视图功能’

　　Title2.HTML元信息标签head里一共有几种标签

Document

　　所谓元信息就是自我描述信息。 HTML元信息标签是用来描述文档本身的标签，大部分被浏览器、搜索引擎和机器读取。一般出现在head标签中，不会显示。

　　1.头部标签

　　head 标签本身不携带任何信息，是其他语义标签的容器。必须收录标题

　　标题作为元信息将用于浏览器采集夹、微信推送卡片、微博等场景。它应该是整个网页内容的完整摘要。不应由上下文证实的现象

　　2.元标记

　　meta 的翻译是‘meta-language’，是元信息的通用标签。元标记以键值对的形式出现。多对元标签可以出现在一个 head 标签中