搞定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. 因此,计算机只可以直接存储和处理二进制数字.

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

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

六.总结


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

相关推荐
0和1的舞者3 小时前
Spring AOP详解(一)
java·开发语言·前端·spring·aop·面向切面
web小白成长日记3 小时前
在Vue样式中使用JavaScript 变量(CSS 变量注入)
前端·javascript·css·vue.js
QT 小鲜肉3 小时前
【Linux命令大全】001.文件管理之which命令(实操篇)
linux·运维·服务器·前端·chrome·笔记
C_心欲无痕3 小时前
react - useImperativeHandle让子组件“暴露方法”给父组件调用
前端·javascript·react.js
BullSmall5 小时前
支持离线配置修改及删除操作的实现方案
前端
全栈前端老曹5 小时前
【前端路由】Vue Router 嵌套路由 - 配置父子级路由、命名视图、动态路径匹配
前端·javascript·vue.js·node.js·ecmascript·vue-router·前端路由
EndingCoder6 小时前
安装和设置 TypeScript 开发环境
前端·javascript·typescript
张雨zy6 小时前
Vue 项目管理数据时,Cookie、Pinia 和 LocalStorage 三种常见的工具的选择
前端·javascript·vue.js
五月君_6 小时前
Nuxt UI v4.3 发布:原生 AI 富文本编辑器来了,Vue 生态又添一员猛将!
前端·javascript·vue.js·人工智能·ui
!执行6 小时前
遇到 Git 提示大文件无法上传确实让人头疼
前端·github