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

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

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

六.总结


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

相关推荐
轻口味39 分钟前
【每日学点鸿蒙知识】AVCodec、SmartPerf工具、web组件加载、监听键盘的显示隐藏、Asset Store Kit
前端·华为·harmonyos
alikami41 分钟前
【若依】用 post 请求传 json 格式的数据下载文件
前端·javascript·json
吃杠碰小鸡1 小时前
lodash常用函数
前端·javascript
emoji1111111 小时前
前端对页面数据进行缓存
开发语言·前端·javascript
泰伦闲鱼1 小时前
nestjs:GET REQUEST 缓存问题
服务器·前端·缓存·node.js·nestjs
m0_748250032 小时前
Web 第一次作业 初探html 使用VSCode工具开发
前端·html
一个处女座的程序猿O(∩_∩)O2 小时前
vue3 如何使用 mounted
前端·javascript·vue.js
m0_748235952 小时前
web复习(三)
前端
AiFlutter2 小时前
Flutter-底部分享弹窗(showModalBottomSheet)
java·前端·flutter
麦兜*2 小时前
轮播图带详情插件、uniApp插件
前端·javascript·uni-app·vue