Under-_-Taker-CSDN博客

原创【CSS】什么是高度塌陷？消除浮动的几种方法有哪些？

一. 高度塌陷高度塌陷简单说就是，父级元素包涵的子元素浮动了，当父级元素没有设置高度时，会因为没有子元素“撑开”，而变成一条线。二. 消除浮动（四种）1. 父级元素定义高度（不推荐）这个方法比较简单，直接给父级元素的 height 设置一定的值就行。不过这样就写死了，不过当整体布局确定时可以使用，比较方便。2.结尾添加空标签，给其设置 clear：both（不推荐）直接在高度塌陷的父元素的最后添加一个空的div，由于这个d...

2021-09-19 22:39:35 5649 2

原创【CSS】常见的元素水平居中和水平垂直居中

一. 水平居中1.行内元素父级元素用：text-align: center<body> <div class="one"> <span class="two">行内元素</span> </div></body><style> .one { width: 500px; height: 500px; background: antiquewhite; ...

2021-09-19 16:55:00 267

原创【HTML】浅谈网络安全 XSS攻击和CSRF攻击

1.XSS攻击XSS, 即为（Cross Site Scripting）, 中文名为跨站脚本, 是发生在目标用户的浏览器层面上的，当渲染DOM树的过程成发生了不在预期内执行的JS代码时，就发生了XSS攻击。大多数XSS攻击的主要方式是嵌入一段远程或者第三方域上的JS代码。实际上是在目标网站的作用域下执行了这段js代码。xss攻击的预防：预防 DOM 型 XSS 攻击输入过滤，返回“安全的”内容前端渲染把代码和数据分隔开2.CSRFCSRF（Cross...

2021-09-19 10:35:29 1047

原创【HTML】常见的 http返回状态码有哪些？

当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。HTTP状态码由三个十进制数字组成，第一个十进制数字定义了状态码的类型，后两个数字没有分类的作用。HTTP状态码共分为5种类型：下图摘自菜鸟常见的状态码有...

2021-09-17 21:33:40 302

原创【HTML】一篇搞懂 TCP/ IP 协议，及三次握手四次挥手

1.什么是 TCP/ IP 协议？TCP，传输控制协议（Transmission Control Protocol）是一种面向连接的、可靠的、基于字节流的传输层通信协议。TCP旨在适应支持多网络应用的分层协议层次结构。连接到不同但互连的计算机通信网络的主计算机中的成对进程之间依靠TCP提供可靠的通信服务。 IP是Internet Protocol（网际互连协议）的缩写。设计IP的目的是提高网络的可扩展性：一是解...

2021-09-17 21:20:43 445

原创【HTML】常见的全局属性(global attribute)有哪些?

全局属性是可与所有 HTML 元素一起使用的属性。下图是 w3school 找的的截图

2021-09-17 16:52:27 214

原创 [HTML] cookie / sessionStorage / localStorage 三者的区别

1.cookie cookie 是一个保存在客户机中的简单的文本文件, 这个文件与特定的 Web 文档关联在一起, 保存了该客户机访问这个Web 文档时的信息, 当客户机再次访问这个 Web 文档时这些信息可供该文档使用。举例来说, 一个 Web 站点会为每一个访问者产生一个唯一的ID, 然后以 Cookie 文件的形式保存在每个用户的机器上。如果使用浏览器访问 Web, 会看到所有保存在硬盘上的 Cookie。在这个文件夹里每一个文件都是一个由“名/值”对组成的文本文件,另外还有一个文件...

2021-09-17 16:14:29 143

原创【HTML】常见的块元素，行内元素，行内块元素有哪些？

1.块元素特点： (1) 总是从新行上开始，即独占一行（2）可以对它设置宽高和内外边距，默认是它容器（父级元素）的100%（4）可以容纳其他块级元素和行内元素（内联元素）常见的块级元素有* address - 地址* blockquote - 块引用* center - 居中对齐块* dir - 目录列表* div - 常用块级容易，也是 css layout 的主要标签* dl - 定义列表* fieldset - form控制组* form - 交..

2021-09-16 19:58:49 11985

原创 Html5 什么是语义化标签？常见的语义化标签有哪些？

h5 语义化标签的推出很好的解决了满屏的 div 布局，语义化顾名思义就是能让人一眼就看出来每一个标签的作用和含义，使用语义恰当的标签，使页面有良好的结构，页面元素有含义，能够让和搜索引擎都容易理解。一张图就可以清晰的展示语义化标签的作用，确实挺好，感觉像搭积木一样，一块一块的把整体搭建出来。以下是常见的语义化标签及其作用<header> <nav> ...

2021-09-16 16:28:00 12729

原创 HTML5 的新特性

Html5是Html的最新一代(第5次重大修改)的版本。其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5 的语法是向后兼容的。Html5相比之前的版本有着明显的改进，具体来说有以下方面：新增选择器 document.querySelector、document.querySelectorAll 拖拽释放(Drag and drop) API 媒体播放的 video 和 audio 本地存储 localStorage 和 sess...

2021-09-16 15:36:44 152

m0_51273200的博客