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

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

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

六.总结


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

相关推荐
gnip6 小时前
企业级配置式表单组件封装
前端·javascript·vue.js
一只叫煤球的猫7 小时前
写代码很6,面试秒变菜鸟?不卖课,面试官视角走心探讨
前端·后端·面试
excel8 小时前
Three.js 材质(Material)详解 —— 区别、原理、场景与示例
前端
掘金安东尼8 小时前
抛弃自定义模态框:原生Dialog的实力
前端·javascript·github
hj5914_前端新手12 小时前
javascript基础- 函数中 this 指向、call、apply、bind
前端·javascript
薛定谔的算法12 小时前
低代码编辑器项目设计与实现:以JSON为核心的数据驱动架构
前端·react.js·前端框架
Hilaku12 小时前
都2025年了,我们还有必要为了兼容性,去写那么多polyfill吗?
前端·javascript·css
yangcode12 小时前
iOS 苹果内购 Storekit 2
前端
LuckySusu12 小时前
【js篇】JavaScript 原型修改 vs 重写:深入理解 constructor的指向问题
前端·javascript
LuckySusu12 小时前
【js篇】如何准确获取对象自身的属性?hasOwnProperty深度解析
前端·javascript