theme: juejin highlight: vs2015
原文来自 我的个人博客
最近一直在学习 vue3 源码,搞的头有点大,用这篇文章来换换脑子~
vue3
PS:面试题下附有解答,解答会结合我的思考以及扩展,仅供参考,如果有误麻烦指出,好了就酱~
在面试中,HTML 的面试题相对来说比较简单,一般面试官不会花太多时间去关注 HTML 的细节。
HTML
语义化的含义就是用正确的标签做正确的事情,html 语义化就是让页面的内容结构化。
html
打个比方就是,如果我要实现一个一级标题,可以用 div+css 设置样式字体来达到效果,也可以用 h1,前者当然也能实现效果,但是语义化的方式还是使用 h1 标签,因为我们一看到 h1 标签就会知道他是一个 一级标题,这就是 html 语义化。
div+css
h1
SEO 优化
这个问题可以从三个方向回答: 1. SEO 是什么? 2. 它的原理是? 3. SEO 优化方法有哪些?
SEO
回答: 1. SEO(Search Engine Optimization),意思就是搜索引擎优化。通俗点讲就是提高你的网页在搜索结果中的排名(排名越高越靠前) 2. SEO 的原理可以大致分为四个步骤: 1. 爬行和抓取:搜索引擎派出称为爬虫的程序,从一只网页出发,就像正常用户的浏览器一样访问这些网页抓取文件,并且会跟踪网页上的链接,访问更多的网页。 2. 索引:搜索引擎将爬取的网页文件分解、分析存入数据库,这个过程就是索引。 3. 搜索词处理:用户输入关键词,点击搜索后,搜索引擎会进行 分词 检查拼音 错别字 等等。。。 4. 排序:搜索引擎从索引数据库中找出所有包含搜索词的网页,并按照计算法进行排序返回。 4. SEO 优化可以分为内部优化和外部优化 - 内部优化 - 标签优化:语义化标签、META 标签 - 网站内容更新:每天保持站内的更新(主要是文章的更新等) - 服务器端渲染(SSR) - 内部链接的优化,包括相关性链接(Tag 标签),锚文本链接,各导航链接,及图片链接 - 外部优化: - 外部链接类别:博客、论坛、B2B、新闻、分类信息、贴吧、知道、百科、相关信息网等尽量保持链接的多样性 - 外链运营:每天添加一定数量的外部链接,使关键词排名稳定提升。 - 外链选择:与一些和你网站相关性比较高,整体质量比较好的网站交换友情链接,巩固稳定关键词排名
SEO(Search Engine Optimization)
分词
检查拼音
错别字
SSR
Tag
B2B
display: block/inline/inline-block - 常用的块级元素:div、p、h1-6、table、form、ul、dl - 常用的行内元素:a、span、br、label、strong - 常用的内联块状元素有:img、input
width
height
margin
padding
HTML5 是 HTML 的新标准,其主要目标是无需任何额外的插件如 Flash、Silverlight 等,就可以传输所有内容。它囊括了动画、视频、丰富的图形用户界面等。
HTML5
Flash
Silverlight
区别:
```html
`` - 从语义结构上看:HTML4.0**没有体现结构语义化的标签**,通常都是这样来命名的
`` - 从语义结构上看:
**没有体现结构语义化的标签**,通常都是这样来命名的
,这样表示网站的头部。
**在语义上却有很大的优势**。提供了一些新的标签,比如: