【网络安全】跨站脚本攻击漏洞—HTML前端基础

目录

一、HTML概述

1.1 head部分

1.2 body部分

1.3 HTML特殊符号

二、JavaScript概述

2.1 HTML中JavaScript的存在方式

2.2 DOM操作

2.3 BOM操作

跨站脚本攻击（Cross-site scripting，通常缩写为XSS）是一种常见的网络安全漏洞，攻击者利用这种漏洞在网站上注入恶意的客户端代码。当受害者访问这些页面时，恶意代码会在其浏览器中执行，从而允许攻击者窃取用户的敏感信息，如cookie、会话令牌等，或者以受害者的身份与网站进行交互

XSS攻击可以大致分为三类：

1. 反射型XSS：攻击者通过诱使用户点击一个链接，该链接包含恶意脚本，当用户点击后，恶意脚本随请求发送到服务器，并由服务器响应回用户浏览器执行2。
2. 存储型XSS：恶意脚本被存储在目标服务器上，例如在数据库中。当其他用户访问存储了恶意脚本的页面时，脚本会被加载并执行。
3. DOM型XSS：这种类型的XSS发生在客户端，恶意脚本通过修改DOM来执行，不经过服务器的直接响应。

XSS攻击的危害包括但不限于：

• 盗取用户账号和敏感信息。
• 控制企业数据，包括读取、修改、添加或删除敏感数据。
• 非法转账和强制发送电子邮件。
• 网站挂马和控制受害者机器发起其他攻击。

为了防止XSS攻击，开发者需要掌握一定的HTML前端基础，本章我们来介绍HTML前端基础。

一、HTML概述

1.1 head部分

1. <title> ：title标签定义文章的标题，显示在浏览器的标题栏和标题页上
2. <meta> ：定义文档的元数据，如字符集声明 <meta charset="UTF-8">

1.2 body部分

1. <p> ：段落标签
2. <a> ：超链接标签
3. <img> :图片标签
4. 布局标签：

• 1）<div> 块级标签：属于容器级的标签，div标签定义的是一个区域；加上css样式，实现网页布局重构
• 2)<span>行级标签：属于文本级的标签，只能存放文本，图片，表单元素

三种列表方式：

表格：