HTML番外篇(一)

DustinWangq

已于 2023-08-01 14:28:41 修改

阅读量65

点赞数

分类专栏： # HTML-CSS 文章标签： html 前端

于 2023-07-27 14:34:00 首次发布

本文链接：https://blog.csdn.net/Welitsi/article/details/131959511

版权

HTML-CSS 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

一、字符实体

◼ 思考：我们编写的HTML代码会被如何浏览器解析?

◼ 如下代码是如何被解析的呢？

如果你使用小于号（<），浏览器会将其后的文本解析为一个tag。
但是某些情况下，我们确实需要编写一个小于号（<）；
这个时候我们就可以使用字符实体；

<span><hehhehe</span>

◼ HTML实体是一段以连字号（&）开头、以分号（;）结尾的文本（字符串）：

实体常常用于显示保留字符（这些字符会被解析为 HTML 代码）和不可见的字符（如“不换行空格”）；
你也可以用实体来代替其他难以用标准键盘键入的字符；

<span>&lt;hehhehe&gt;</span>
<span>&#60;hehhehe&62;</span>

1.常见的字符实体

在这里插入图片描述

二、URL地址

1.认识URL

◼ URL 代表着是统一资源定位符（Uniform Resource Locator）

◼ 通俗点说：URL 无非就是一个给定的独特资源在 Web 上的地址。

理论上说，每个有效的 URL 都指向一个唯一的资源；
这个资源可以是一个 HTML 页面，一个 CSS 文档，一幅图像，等等；

在这里插入图片描述

2.URL的格式

URL的标准格式如下：

[协议类型]😕/[服务器地址]:[端口号]/[文件路径][文件名]?[查询]#[片段ID]

在这里插入图片描述

3.和URI的区别

◼ 和URI的区别：

URI = Uniform Resource Identifier 统一资源标志符，用于标识 Web 技术使用的逻辑或物理资源。；
URL = Uniform Resource Locator 统一资源定位符，俗称网络地址，相当于网络中的门牌号；

◼ URI在某一个规则下能把一个资源独一无二的识别出来。

URL作为一个网络Web资源的地址，可以唯一将一个资源识别出来，所以URL是一个URI；
所以URL是URI的一个子集；
但是URI并不一定是URL

三、元素语义化

◼ 元素的语义化：用正确的元素做正确的事情。

◼ 理论上来说，所有的HTML元素，我们都能实现相同的事情：

在这里插入图片描述

◼ 标签语义化的好处

方便代码维护；
减少让开发者之间的沟通成本；
能让语音合成工具正确识别网页元素的用途，以便作出正确的反应；
有利于SEO；

四、SEO优化

1.什么是SEO？

搜索引擎优化（英语：search engine optimization，缩写为SEO）是通过了解搜索引擎的运作规则来调整网站，以及提高网站在有关搜索引擎内排名的方式。

◼ 蛋糕网站为例

在这里插入图片描述

网站在搜索引擎系统里都是有排名的，比如当用户搜索“蛋糕”这个关键字时，搜索引擎就会在自己爬取的网站数据索引库中查询包含“蛋糕”关键字的网页内容，为了提高检索正确度，一般会从关键字所在元素类型和关键字所在页面占有率进行权重排名，关键字所在元素等级越高，权重越高，比如h1元素包裹的关键字肯定比span元素包裹的关键字要高也更为重要，更容易被搜索引擎收录。关键字所在页面占有率也是一样，当一个页面百分之八十的内容都是这个关键字，而另一个页面只有百分之1的内容包含这个关键字，那肯定百分之八十的这个页面搜索排名会更靠前。

但是呢，元素语义化也不能乱用。你说我为了提高SEO权重，一个网站全用h1元素，那肯定也是不行的，而且还可能会被定义为K站，K站就是作弊的一个网站，那时候有可能搜索引擎就直接不再收录你的网站了，所以不要这样做，用最正确的元素做正确的事情就好了。

这就是我们刚才提到的元素语义化为什么利于SEO以及如何做到我们的SEO的一个优化？以及SEO优化的原理。后续会跟大家介绍SPA页面，以及SPA页面为什么不利于SEO优化，为什么要做SSR？为什么一些后台管理系统比较推荐SPA，一些门户网站比较推荐SSR呢？

◼ 在后续我们还会讲解SPA以及SSR相关的概念