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

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

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

六.总结


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

相关推荐
Json_1817901448015 分钟前
电商拍立淘按图搜索API接口系列,文档说明参考
前端·数据库
风尚云网39 分钟前
风尚云网前端学习:一个简易前端新手友好的HTML5页面布局与样式设计
前端·css·学习·html·html5·风尚云网
木子020441 分钟前
前端VUE项目启动方式
前端·javascript·vue.js
GISer_Jing43 分钟前
React核心功能详解(一)
前端·react.js·前端框架
捂月1 小时前
Spring Boot 深度解析:快速构建高效、现代化的 Web 应用程序
前端·spring boot·后端
深度混淆1 小时前
实用功能,觊觎(Edge)浏览器的内置截(长)图功能
前端·edge
Smartdaili China1 小时前
如何在 Microsoft Edge 中设置代理: 快速而简单的方法
前端·爬虫·安全·microsoft·edge·社交·动态住宅代理
秦老师Q1 小时前
「Chromeg谷歌浏览器/Edge浏览器」篡改猴Tempermongkey插件的安装与使用
前端·chrome·edge
滴水可藏海1 小时前
Chrome离线安装包下载
前端·chrome
m51271 小时前
LinuxC语言
java·服务器·前端