在使用DIV+CSS布局时，我们需要通过为div命名的方式，来区分网页中不同的模块。在HTML5中布局方式有了新的变化，HTML5中增加了新的结构标签，如header标签、nav标签、article标签等，具体介绍如下。

1. header标签

HTML5中的header标签是一种具有引导和导航作用的结构标签，该标签可以包含所有通常放在页面头部的内容。header标签通常用来放置整个页面或页面内的一个内容区块的标题，也可以包含网站Logo图片、搜索表单或者其他相关内容。其基本语法格式如下：

#秋日生活打卡季#

在HTML语言中，section和div都是用来对网页进行结构化布局的标签，但是它们的作用略有不同。

section标签用于定义文档中的节或区段，它通常会包含一个主题，比如文章中的章节、侧边栏、页脚等。它的语义化更加强，用于分隔页面，标记出页面的不同部分。

div标签则是用来将页面中的不同区域划分出来，它通常被用于进行样式控制，例如定义CSS样式表，使得网页的样式更加美观。

这种反爬虫手段被广泛应用在一线互联网企业的产品中，例如汽车资讯类网站、小说类网站等文字密度较大的站点。在开始学习之前，我们先来看看具体的现象。打开网址：

https://implicit-style-css_0.crawler-lab.com
复制代码

呈现在我们眼前的是这样一个界面：

一：html编码
背景：html编码是用于输出html原本的标签的

想在页面上输出div标签，但是如果我在html标签里直接写的话，就会被当成div标签执行，并不会输出在页面上，这个时候我想将他输出在页面上就需要用html编码

XSS中的应用：这种编码的形式可以用来去绕过一些过滤，比如，有些会过滤掉script ，alert,< >这样的危险的符号，这个时候，就可以用Html编码来绕开过滤

比如这里的输出点在scr里，可以闭合双引号，然后写一个onerror事件，将alert(1)进行html十进制编码，这样就避开了输入的过滤，当数据到达输出点时，页面会先解码，这个时候onerror后面就变成了字符串alert(1),但是当图片资源加载失败，触发onerror这个事件时，这个时候这个字符串alert(1),就会当作js代码执行，就会弹窗。我这里用的html的十进制编码，用十六进制也是一样的效果

在构建现代网页时，HTML（超文本标记语言）扮演着基础和核心的角色。HTML由标签、元素和属性三个基本组成部分构成，它们共同定义了网页的结构和内容。本文将详细探讨这三个组件的概念、功能和如何在网页设计中使用它们。

使用Vscode

安装Live Server 插件