Web前端知识录
HTTP:
超文本传输协议(HyperText Transfer Protocol)是一种用于分布式、协作式、超媒体信息系统的应用层协议。 万维网(WWW)的数据通信的基础,设计目的是确保客户端与服务器之间的通信,是互联网上最常用的协议之一。
Cookie:
是存储在用户本地浏览器上的小文本文件,用于记录用户的某些信息,由服务器生成,然后发送给浏览器,浏览器会根据一定的规则保存这些信息,并在后续的请求中把 Cookie 信息发送回服务器。
用途
- 会话管理:用于在用户访问网站的过程中维持会话状态。例如,当用户登录一个网站后,服务器会生成一个包含用户身份标识的 Cookie,在后续的请求中,服务器通过检查这个 Cookie 来识别用户身份,从而使用户在不同页面之间跳转时能够保持登录状态,不需要每次都重新登录。
- 个性化设置:网站可以根据 Cookie 中的信息为用户提供个性化的体验。比如,记住用户的语言偏好、页面布局偏好、主题颜色偏好等。如果用户上次访问网站时选择了某种语言(如英语),网站可以将这个偏好存储在 Cookie 中,下次用户访问时,根据 Cookie 中的信息自动显示英语内容。
- 跟踪用户行为:通过 Cookie,网站可以记录用户在网站内的一些行为轨迹。例如,记录用户浏览了哪些页面、在每个页面上停留的时间、购买了哪些商品等信息。这些信息对于网站分析用户行为、优化网站内容和布局、进行精准营销等方面都非常有帮助。
HTML:
超文本标记语言(HyperText Markup Language),这不是一种编程语言而是一种用于创建网页的标准标记语言。
一个实例:

HTML5文档是指使用HTML5规范编写的文件,是目前世界最常用的网页规范
元素,标签和属性有什么区别?
事实上元素是包含标签和属性的,元素=标签+属性+内容,比如:
1
<img src="exmple png" width="20" height="20">test img</img>就是一个完整的元素,标签如
<a> </a>用于标志一个元素的开始和结束,元素内又可以包含子元素,最后显示在浏览器页面的是<body>元素内的内容标签名和属性名包括
!doctype声明是不区分大小写的,<div>和<Div>是可以混用的,但为了方便管理代码还是更推荐全部小写<meta charset="UTF-8">是规定使用UTF-8编码方式,直接用浏览器输出中文会输出乱码,这个时候就需要指定包含中文的编码方式,常用的有UTF-8和GBK,UTF-8适配性最高,支持世界上所有语言,而GBK 是中文专用编码方式,这不是说GBK只能输出中文,而是GBK只支持简繁体中文,英语和极少数的日韩文假名
CSS:
XML:
XML 是一种用于标记电子文件使其具有结构性的标记语言。它可以用来标记数据、定义数据类型,以及为数据提供一种自描述的格式
文件结构:
1:声明部分:
XML 文件通常以一个 XML 声明开始,该声明指定了 XML 的版本和编码方式。例如:
<?xml version="1.0" encoding="UTF-8"?> 便是使用UTF-8编码方式
2、元素和标签
XML 文件由一系列元素组成,每个元素由一个开始标签和一个结束标签包围。元素可以包含其他元素、文本内容或属性。例如:
<book>
<title>XML 入门指南</title>
<author>张三</author>
<publisher>XX 出版社</publisher>
</book>
在这个例子中,< book>是一个元素,它包含了< title>、< author>和< publisher>三个子元素。每个元素都有一个开始标签(如<title>)和一个结束标签(如</title>)。
3、属性
元素可以具有属性,属性是在开始标签中定义的名称 - 值对。例如:
<book id="123">
<title>XML 高级教程</title>
<author>李四</author>
<publisher>YY 出版社</publisher>
</book>
在这个例子中,
4、注释
XML 文件中可以包含注释,注释以< !–开始,以– >结束。注释可以用于提供关于文件内容的说明或暂时禁用某些部分的内容。例如:
<!-- 这是一本关于 XML 的书 -->
<book>
<title>XML 实战手册</title>
<author>王五</author>
<publisher>ZZ 出版社</publisher>
</book>
语法:
1、标签必须正确嵌套
XML 文件中的标签必须正确嵌套,即开始标签和结束标签必须成对出现,并且子元素必须完全包含在父元素中
2、标签名称必须唯一
在一个 XML 文件中,每个元素的标签名称必须是唯一的。如果有多个元素具有相同的标签名称,它们可以通过属性或在不同的层次结构中来区分。例如:
<books>
<book id="1">
<title>XML 基础</title>
<author>赵六</author>
</book>
<book id="2">
<title>XML 应用</title>
<author>孙七</author>
</book>
</books>
在这个例子中,有两个
3:属性值要用引号括起来:
4、特殊字符必须转义