前言 本文内容参考《白帽子讲Web安全》 1、同源策略是干嘛的 浏览器的同源策略，限制不同源的“document”或脚本，对当前的“document”读取或设置某些属性。 2、什么是同源？ 我们来看一个例子： 以http://www.example.com/dir/index.html为例： http://www.example.com/dir2/other.html 同源 只有路径不同 https://www.example.com/secure.html 不同源 协议不

操作步骤         1.打开Dreamweaver CS6软件，并执行文件、新建命令在页面类型中选择HTML创建HTML页面，如下图所示。         2.在窗口界面的菜单栏中点击插入、页面属性，选择外观（CSS）视图，在字体“大小”下拉列表框中选择12，并设置页面边距均为0，点击确定按钮，完成页面属性设置。如下图所示。             3.先将“输入光标”选定在“标签body”中，之后在窗口界面的菜单栏中点击插入、表格，设置行数为8、列数为2、表格宽度为80

sessionStorage，关闭窗口清除 localStorage，强缓存，手动删除 cookie，设置有效期  1. sessionStorage 特性1： 强制刷新不会清楚数据  （MDN： 只读sessionStorage属性访问当前源的会话存储对象。会话存储类似于本地存储；不同之处在于，虽然localStorage中的数据不会过期，但当页面会话结束时，sessionStorage中的数据将被清除。） 特性2： 多个窗口数据不会同步  （MDN： 每当在浏览器的特定选

【解决】谷歌在console面板点击刷新进入sources面板问题 不知道大伙有没有遇到这个问题，在一次谷歌console控制台调试代码以后，关闭浏览器，修改代码，重新打开页面，再进入控制台刷新页面的时候，点击刷新，此时不是刷新了控制台打印的数据，而是进入了sources调试面板，这是为什么呢？ 产生错误原因分析： 由于上一次我们在调试代码的时候，在sources面板，先设置断点，然后点击刷新,此时可以点击下一步进行调试。那么我们如果细心发现，只有先设置了断点，刷新才会进入调试。那么我

什么是a标签的href ？ a标签的默认跳转链接行为是由href来实现的，同时设置href属性可以使a标签在hover状态下以手指指示的样式显示。但实际过程中发现对a标签的href属性的不同设置，可能会导致不同的行为反馈，故想要进行几种不同的设置情况总结一下。 1.当href不赋任何值时： <a href></a> // 不赋值 点击a标签会刷新页面，回到顶部。 2.当href赋值 href="#"时： <a href='#'></a>

CSS概念：Cascading Style Sheet，简称为css，中文名称层叠样式表或者级联样式表，主要指的是用来装饰HTML页面的一种技术。 在页面开发的时候，一般CSS有如下几种写法： -->在标签的属性style中编写 -->在页面中的style标签中编写 -->在页面外的XX.css文件中编写，使用link标签引入 -->使用@import导入需要的css文件 一、行内样式 行内样式，又叫做标签样式，主要是写在标签的 style

BFC(Block formatting context) （1）概念： 直译为 块级格式化上下文 ，把BFC理解成一块独立的渲染区域，BFC看成是元素的一种属性， 当元素拥有了BFC属性后，这个元素就可以看做成隔离了的独立容器。容器内的元素不会影响容器外的元素.     · 我理解为：将BFC看成是一种属性，当拥有该属性的元素就相当于一块独立的区域。 （2）实现BFC属性的方法：       1. 浮动元素，float 除 none 以外的值   

HTML是什么？HTML简介 HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，专门用来设计和编辑网页。 使用 HTML 编写的文件称为“HTML 文档”，一般后缀为.html（也可以使用.htm，不过比较少见）。HTML 文档是一种纯文本文件，您可以使用 Windows 记事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文本编辑来打开或者创建。 每个网页都是一个 HTML 文档，使用浏览器访

今天才想起来这回事，没办法就急急忙忙的赶工一下，接下来我就画一下这个海报试试手了： 一、背景制作 1.1 准备工作 先给整个网页制作一个布局吧，直接 flex 搞定，并且使其居中 justify-content、align-items 都要赋值为 center： body { display: flex; justify-content: center; align-items: center; height: 100vh; width:

一：HTML的概述和特点： HTML (Hyper Text Markup Language，超文本标记语言)是标准通用标记语言下的应用。 HTMI的特点： （1）兼容性好：硬件与软件间，软件与软件间。 （2）开放性高：该语言有相当多的空间可以去拓展。 （3）性能高：效用及其效率高。 （4）嵌入型强：更易嵌入，减少软件间或软硬件的磨合。 二：CSS的概述和特点： CSS是Cascading Style Sheets(层叠样式表）的简称，CSS语言是一种标记语言，它不需要编译，可以

实现效果： 功能需求： 1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮 2.点击右侧按钮一次，图片往左播放一张，左侧按钮同理。 3.图片播放的同时，下面的小圆圈模块也跟随一起变化。 5.鼠标不经过轮播图，轮播图会自动向右播放图片，经过轮播图之后停止自动播放图片。 轮播图向右移动的时候要用到缓动画的函数，具体见博客JS案例-添加缓动画_setTimeout()的博客-CSDN博客 （1）布局：轮播图部分的图片用ul进行布局，里面的每个li放a标签，a标签里面再放img；u

什么是HTML5? html5是最新的html标准，拥有新的语义、图形以及多媒体元素，简化web应用程序，专为丰富的web内容而设计的，简称“H5”。简单来说就是增加了一些更直观的标签，H5相比html4.0精简了很多。 02HTML新增标签 1. 结构标签：主要用来对页面结构进行划分，页面结构划分为顶部、导航、内容(页眉、区块)、页脚等。 header：一般网页头部信息/标题。 nav：导航条部分内容。 section：独立内容区块，一般内容区。 article：特殊独立区块，表