搞定Web常见概念

前言


🐙上篇文章我们学习了HTML中常用的元素,这篇文章将会讲解下Web网页中最常见的几个概念,本文章的性质是学习笔记和基础教程,前端老鸟请绕路~

一.字符实体


🐻‍❄️在开始这个内容之前我们首先考虑下我们的HTML是如何被解析的?

  1. 如果你使用<浏览器会将后边的内容解析成一个tag。
  2. 但是在一些情况下我们确实需要一个<
  3. 这种情况下就需要字符实体。

🐙下面是常用的字符实体

二.URL地址


😳URL代表着统一资源定位符,简单点解释就是一个特殊资源的Web地址,每一个有效的URL都指向一个确定的资源,可以是一个CSS文档或者是一幅画。

🦝URL的标准格式如下:

🙈URL和URI的区别:他们的关系如下图

  1. URI :统一资源标志符,用于标识 Web 技术使用的逻辑或物理资源。
  2. URL: 统一资源定位符,俗称网络地址,相当于网络中的门牌号。
  3. URLURI的子集,但是URI不一定是一个URL

三.元素语义化


🐙什么是元素语义化? 元素语义化就是使用正确的元素做正确的事情,理论上在HTML中所有的元素都能实现相同的事情。

🐓元素语义化的意义:

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

四.SEO优化


🐸SEO就是搜索引擎优化,目的是提高网站的搜索排名,在讲解搜索引擎优化之前我们可以先了解下搜索引擎是如何爬取我们的网页的。

五.字符编码


😗在了解字符编码之前我们首先先了解下计算机是做什么的.

  1. 计算机一开始发明出来时是用来解决数字计算问题的,后来人们发现,计算机还可以做更多的事.
  2. 但计算机其实挺笨的,它只"认识"010110111000...这样由0和1两个数字组成的二进制数字.
  3. 这是因为计算机的底层硬件实现就是用电路的开和闭两种状态来表示0和1两个数字的.
  4. 因此,计算机只可以直接存储和处理二进制数字.

🦝为了在计算机上也能表示、存储和处理像文字、符号等等之类的字符,就必须将这些字符转换成二进制数字,当然,肯定不是我们想怎么转换就怎么转换,否则就会造成同一段二进制数字在不同计算机上显示出来的字符不一样的情况,因此必须得定一个统一的、标准的转换规则.

🤣字符编码的历史可以查看:链接

六.总结


😳我们这篇文章学习相关的前端开发可能会遇到的概念,在后续的开发中我们会很频繁的遇到这些概念,所以理解这些概念对我们后续的学习非常有帮助。

相关推荐
_AaronWong3 分钟前
基于 Vue 3 的屏幕音频捕获实现:从原理到实践
前端·vue.js·音视频开发
孟祥_成都11 分钟前
深入 Nestjs 底层概念(1):依赖注入和面向切面编程 AOP
前端·node.js·nestjs
let_code12 分钟前
CopilotKit-丝滑连接agent和应用-理论篇
前端·agent·ai编程
Apifox36 分钟前
Apifox 11 月更新|AI 生成测试用例能力持续升级、JSON Body 自动补全、支持为响应组件添加描述和 Header
前端·后端·测试
木易士心37 分钟前
深入剖析:按下 F5 后,浏览器前端究竟发生了什么?
前端·javascript
在掘金8011038 分钟前
vue3中使用medium-zoom
前端·vue.js
xump1 小时前
如何在DevTools选中调试一个实时交互才能显示的元素样式
前端·javascript·css
折翅嘀皇虫1 小时前
fastdds.type_propagation 详解
java·服务器·前端
Front_Yue1 小时前
深入探究跨域请求及其解决方案
前端·javascript
wordbaby1 小时前
React Native 进阶实战:基于 Server-Driven UI 的动态表单架构设计
前端·react native·react.js