2024年10月31日
在HTML语言中,section和div都是用来对网页进行结构化布局的标签,但是它们的作用略有不同。
section标签用于定义文档中的节或区段,它通常会包含一个主题,比如文章中的章节、侧边栏、页脚等。它的语义化更加强,用于分隔页面,标记出页面的不同部分。
div标签则是用来将页面中的不同区域划分出来,它通常被用于进行样式控制,例如定义CSS样式表,使得网页的样式更加美观。
2024年10月31日
这种反爬虫手段被广泛应用在一线互联网企业的产品中,例如汽车资讯类网站、小说类网站等文字密度较大的站点。在开始学习之前,我们先来看看具体的现象。打开网址:
https://implicit-style-css_0.crawler-lab.com
复制代码
呈现在我们眼前的是这样一个界面:
2024年10月31日
一:html编码
背景:html编码是用于输出html原本的标签的
想在页面上输出div标签,但是如果我在html标签里直接写的话,就会被当成div标签执行,并不会输出在页面上,这个时候我想将他输出在页面上就需要用html编码
XSS中的应用:这种编码的形式可以用来去绕过一些过滤,比如,有些会过滤掉script ,alert,< >这样的危险的符号,这个时候,就可以用Html编码来绕开过滤
比如这里的输出点在scr里,可以闭合双引号,然后写一个onerror事件,将alert(1)进行html十进制编码,这样就避开了输入的过滤,当数据到达输出点时,页面会先解码,这个时候onerror后面就变成了字符串alert(1),但是当图片资源加载失败,触发onerror这个事件时,这个时候这个字符串alert(1),就会当作js代码执行,就会弹窗。我这里用的html的十进制编码,用十六进制也是一样的效果
2024年10月31日
跳过最新的HTML5先来说HTML。
行级标签与块级标签转换用到的css
display : block(块级) inline(行级) inline-block(行块级)
文采不够飞扬,直接进入主题。
块级标签:
div 在布局当中最常用,可定义文档中的分区或节。
h1~h6 定义标题
ul(无序列表) ol(有序列表) dl(定义列表 dt dd)
2024年10月31日
今天给大家分享前端初学者必须要学习的标签,这些标签你都会了吗?
分享之前我还是要推荐下我自己的前端学习群:524262608,不管你是小白还是大牛,小编我都挺欢迎,不定期分享干货,包括我自己整理的一份2017最新的前端资料,送给大家,欢迎初学和进阶中的小伙伴
页头:header
登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
2024年10月31日
在构建现代网页时,HTML(超文本标记语言)扮演着基础和核心的角色。HTML由标签、元素和属性三个基本组成部分构成,它们共同定义了网页的结构和内容。本文将详细探讨这三个组件的概念、功能和如何在网页设计中使用它们。
安装Live Server 插件
2024年10月31日
HTML作为前端三大基础知识点之一,是每一个前端开发人员都要掌握的部分。今天这篇文章我们来看看一些平时不太会注意,却在面试时可能会问到的题目,来看看你都会吗?
HTML
我们都知道textarea是form表单中一个很常见的元素,用于多行文本输入,可以设置行数和列数。
但是默认的textarea样式在页面上看起来是很丑的,很多页面都是采用div模拟textarea实现。例如QQ空间主页面的发表说说,在你看页面源码后就会发现这个输入框其实是一个div元素,并不是一个textarea元素,现在我们就来看看这是如何实现的吧?
2024年10月31日
<!-- 1、成对出现的标签:-->
<h1>h1标题</h1>
<div>这是一个div标签</div>
<p>这个一个段落标签</p>
<!-- 2、单个出现的标签:-->
<br>
<img src="images/pic.jpg" alt="图片">
<hr>
<!-- 3、带属性的标签,如src、alt 和 href等都是属性 -->
<img src="images/pic.jpg" alt="图片">
<a href="http://www.baidu.com">百度网</a>
<!-- 4、标签的嵌套 -->
<div>
<img src="images/pic.jpg" alt="图片">
<a href="http://www.baidu.com">百度网</a>
</div>
2024年10月31日
1. span标签
用于组合文档中的行内元素
span没有固定的格式表现,只有通过css的样式才能发现视觉的变化。
2. div标签(重点中重点)
<!--div网页布局标签-->
<div id="top">这是网页的头部
<!--span布局标签-->
这没有使用span标签
<span>这是一个span标签</span>