HTML知识扩展

一.字符实体


🤬思考:我们编写的HTML会被浏览器所解析,为什么我们的HTML在浏览器中会展示为相应的页面?

  1. 如果你使用<浏览器会将其后的文本解析成一个tag
  2. 但是在某个情况下,我们确实需要编写一个小于<
  3. 这个时候我们就可以使用字符实体;

😳HTML实体是一段连字号&开头以;结尾的文本(字符串);

  1. 实体常常用于显示保留字符(这些字符会被解析成HTML代码)和不可见字符(如:不换行空格);
  2. 你也可以用实体来代替其他难以用标准键盘键入的字符。

🐸常见的字符实体

二.URL地址


🐲URL代表着统一资源定位符(Uniform Resource Locator)

🐻‍❄️通俗点讲:URL无非就是一个给定的独特资源在Web上的地址;

  1. 理论上说,每个有效的URL都指向一个唯一的资源;
  2. 这个资源可以是一个HTML页面,一个CSS文档,一幅画像,等等;

😈URL格式:URL的标准格式如下:

🐳URL和URI的区别:

  1. URI:统一资源标识符,用来标识Web技术使用的逻辑和物理资源;
  2. URL:统一资源定位符,俗称网络,相当于网络中的门牌号;

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

  1. URL作为一个网络Web资源的地址,可以唯一将一个资源识别出来,所以URL是一个URI;
  2. 所以URL是一个URI的一个子集;
  3. 但是URI并不一定是URL;

三.元素语义化(理解)


🐻‍❄️元素语义化:用正确的元素做正确的事情。

🤬理论上来说,所有的HTML元素,我们都可以实现同样的事情:

🙈标签语义化的好处:

  1. 方便代码维护;
  2. 减少让开发者之间的沟通成本;
  3. 能让语音合成工具正确的识别网页元素的用途,以便做出正确的反应;
  4. 有利于SEO;

四.SEO优化


🐻‍❄️搜索引擎优化(缩写为SEO)是通过了解搜索引擎的运作规则来调整网站,以及提高网站在有关搜索引擎排名的方式。

🙈蛋糕网站为例:假如你是一个卖蛋糕的网站,用户通过网站搜索蛋糕可以购买你们家的蛋糕,所以作为商家你肯定是更加希望自己的蛋糕排名更加的靠前,这样相关的效益就会更加的好,所谓SEO优化就是利用相关方案来提升自己网站的搜索排名。

👽爬虫的原理:什么是爬虫?想象一下假如你想要一些网站的数据,来放在自己的网站上面,但是自己做数据太差强人意了,所以就会使用代码来爬取其他网页中的数据,这个操作就是爬虫。

🐸SEO优化相关的元素:h1~h6一般来讲是比较重要的特别是h1中的数据,这样有可能提高搜索的权重,以提高网站的排名,这就是元素语义化和SEO的关系;


🐸百度-谷歌爬虫原理:

  1. 首先进行互联网上的各种各样的网站进行数据的抓取;
  2. 然后将爬取到的数据存储在临时库中;
  3. 在索引库中将不需要的数据进行相关的清理;
  4. 在索引区进行分类,归档,排序,然后将结果返回给用户;
  5. 用户在查询页面进行查询,然后索引区将对应的数据进行返回;
  6. 我们看到的网站就在网页中有相应的排名了;

五.字符编码


🐲字符编码本质上是计算机底层只能识别二进制,假如现在有一个场景,你需要通过微信给小伙伴发送一段节日快乐的祝福,其实在计算机或者手机中的操作如下。

  1. 你编辑的文字通过微信等应用程序按照某种(规则)转变为二进制,以一种计算机能够理解的方式;
  2. 二进制的数据通过网络的方式进行传递到你的小伙伴的手机上去;
  3. 你的小伙伴的电脑微信或者手机微信会接受这些数据,然后按照(规则)转变为相应的文字显示在眼前;
  4. 上述的这种规则本质上就是我们所说的字符编码,当编解码的方式不同的情况下就会出现乱码;

相关推荐
陈随易5 小时前
在 VSCode 里,把项目一键部署到服务器
前端·后端·程序员
Highcharts.js5 小时前
教程:基于 React + Highcharts 构建一个单页应用程序、按需数据拉取与图表渲染
开发语言·前端·数据结构·react.js·前端框架·highcharts·页面应用
To_OC5 小时前
我被 useState 坑了两次之后,终于把它的脾气摸透了
前端·javascript·react.js
鱼樱前端5 小时前
我用 Claude Code 后,编码效率翻 3 倍。但更值钱的是别的。
前端·后端·ai编程
_lucas6 小时前
给知识库网站接入AI问答
前端·ai编程·全栈
前端糕手6 小时前
前端面试题大全:JavaScript + Vue3 + React + TypeScript + 工程化 + 性能优化
前端
我不叫武8 小时前
一个用 Rust 写的离线编码查询桌面工具
前端
Web4Browser9 小时前
指纹浏览器 API 自动化怎么接:启动 Profile、获取 CDP 端点并连接自动化框架
前端·网络·typescript·自动化
Patrick_Wilson9 小时前
从 React 到 Flutter:写给前端的一张跨端知识地图
前端·flutter·react.js
颜酱9 小时前
06 | 把 meta_config 同步进 MySQL(生成阶段)
前端·人工智能·后端