
前端
IT-小公主
这个作者很懒,什么都没留下…
展开
-
Bootstrap下载,搭建网页(1)
Bootstrap下载,搭建网页(1)1.官网下载英文网站: http://getbootstrap.com/ 中文网站:http://bootcss.com/2.下载解压3.创建一个网页<link rel="stylesheet" href="css/bootstrap.min.css" /><script src="js/jquery-3.3.1.min.js...原创 2020-04-13 11:37:17 · 325 阅读 · 0 评论 -
sessionStorage、 localStorage 、 cookie
sessionStorage、 localStorage 、 cookie的区别sessionStorage、 localStorage 、 cookie 都是在浏览器端存储的数据1.sessionStorage 和 localStorage 是 HTML5 Web Storage API 提供的,可以方便的在 web 请求之间保存数据。有了本地数据,就可以避免数据在浏览器和服务器间不必要地来...原创 2020-03-22 20:18:48 · 119 阅读 · 0 评论 -
HTML语义化
HTML语义化的理解(1)什么是 HTML 语义化?基本上都是围绕着几个主要的标签,像标题( H1~H6 )、列表( li )、强调( strong em )等等根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析。(2)为什么要语义化?1.为了在没有CSS的情况下,页面也能呈现出很好地内容结构、代码结构2.户...原创 2020-03-22 20:26:57 · 145 阅读 · 1 评论 -
HTML5有哪些新特性,移除了哪些元素?
HTML5有哪些新特性,移除了哪些元素?Html5新增了 27 个元素,废弃了 16 个元素HTML5 的元素按优先级定义为 4 大类:结构性元素、级块性元素、行内语义性元素和交互性元素。结构性元素主要负责web上下文结构的定义。级块性元素主要完成web页面区域的划分,确保内容的有效分割。行内语义性元素主要完成web页面具体内容的引用和描述,是丰富内容展示...原创 2020-03-21 22:04:46 · 280 阅读 · 0 评论 -
对WEB标准以及W3C的理解与认识
对WEB标准以及W3C的理解与认识1.标签闭合,标签小写,不乱嵌套,提高搜索机器人搜索几率,使用外链CSS和JS脚本,结构行为表现分离2.文件下载与页面速度更快,内容能被更多的用户所访问,内容能被更广泛的设备所访问,更少的代码和组件。3.容易维护,改版方便,不需要变动页面内容,提供打印版本而不需要复制内容,提高网站易用性。...原创 2020-03-22 17:55:19 · 171 阅读 · 0 评论 -
浏览器页面有哪三层构成,分别是什么,作用是什么?
浏览器页面有哪三层构成,分别是什么,作用是什么?构成:结构成,表示层,行为层分别是:HTML,CSS,JavaScript作用:HTML实现页面结构,CSS实现页面表现和风格,JavaScript实现一些客户端的功能与业务。...原创 2020-03-21 20:15:34 · 590 阅读 · 0 评论 -
HTML5标签的作用
HTML5标签的作用1.使web页面的内容更加有序和规范2.使搜索引擎更加容易按照HTML5规则识别出有效的内容3.使web页面更接近于一种数据字段和表原创 2020-03-22 20:49:28 · 435 阅读 · 0 评论 -
src,,href的区别
src,href的区别src用于替换当前元素, href 用于在当前文档和引用资源之间确立联系。<script src ='js.js'></script>src是 source 的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应用到文档内,例如 js 脚本, img 图片和 frame 等元素。...原创 2020-03-23 21:35:13 · 240 阅读 · 0 评论 -
link和@import的区别
link和@import的区别两者都是外部引用CSS的方式,但是存在一定的区别。<link rel='stylesheet' rev='stylesheet' href='CSS文件 ' type='text/css' media='all' /><style type='text/css' media='screen'>@import url('CSS文件 ')...原创 2020-03-22 20:31:50 · 129 阅读 · 0 评论 -
表单提交中Get和Post方式的区别?
表单提交中Get和Post方式的区别?(1)、 get 是从服务器上获取数据, post 是向服务器传送数据。(2)、 get 是把参数数据队列加到提交表单的 ACTION 属性所指的 URL 中,值和表单内各个字段一一对应,在 URL 中可以看到。 post&nb...原创 2020-03-23 22:19:18 · 301 阅读 · 0 评论 -
Doctype作用?严格模式与混杂模式如何区分?它们有何意义?
Doctype作用?严格模式与混杂模式如何区分?它们有何意义?a.作用:告知浏览器的解析器,用什么文档类型 规范来解析这个文档。b. 严格模式:严格模式的排版和JS 运作模式是以该浏览器支持的最高标准运行。c. 混杂模式:在混杂模式中,页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。d. Doctype意义:...原创 2020-03-21 20:20:39 · 385 阅读 · 0 评论 -
title、h3的区别,b、strong的区别,i、em的区别
title、h3的区别,b、strong的区别,i、em的区别1.title ,h3title:没有明确意义只表示是个标题,h3:表示层次明确的标题,对页面信息的抓取也有很大的影响;2.b,strongb:是展示强调内容strong:标明重点内容,有语气加强的含义,使用阅读设备阅读网络时,会重读3.i,emi:内容展示为斜体,em :表示强调的文本;4.应该准确使用语义样式标签...原创 2020-03-22 20:57:18 · 724 阅读 · 0 评论 -
img,title,alt区别
img,title,alt区别title为该属性提供信息,通常当鼠标滑动到元素上的时候显示title 表示鼠标在图片上停留时,显示一个悬浮框,其中显示的文字。alt 用于图片没显示时在图片显示区域显示一个说明文字。...原创 2020-03-23 21:05:31 · 187 阅读 · 0 评论 -
对HTML5认识
认识HTML5HTML5指的是包括 HTML 、 CSS 和 JavaScript 在内的一套技术组合。它希望能够减少网页浏览器对于需要插件的丰富性网络应用服务,并且提供更多能有效加强网络应用的标准集。HTML5增强了浏览器的原生功能,符合 HTML5 规范的浏览器功能将更加强大,减少了 Web应用对插件的依赖,让用户体验更好,让开发更加方便HTML4陈旧不能满...原创 2020-03-22 17:47:28 · 321 阅读 · 0 评论 -
HTML优缺点
HTML的优缺点?优点:a.多设备,跨平台b.即时更新c.提高可用性和改善用户体验d.替代flash和silverlighte.涉及到网站的抓取和索引的时候,对于SEO很友好。缺点:a.安全:存在安全问题,像之前firefox4的web socket和透明代理的实现存在严重的安全危险,同时web socket,web storage这样的功能很容易被黑客利用,来盗取用户的信息和资料...原创 2020-03-21 20:17:30 · 4863 阅读 · 0 评论 -
你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?
你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?浏览器内核IEtridentFirefoxgeckoSafariwebkitOpera以前是presto,现在是BlinkChromeBlink...原创 2020-03-22 17:40:25 · 229 阅读 · 0 评论 -
HTML5存储类型有什么区别?
HTML5存储类型有什么区别?HTML5 能够本地存储数据,在之前都是使用cookies。HTML5提供了下面两种本地存储方案:localStorage用于持久化的本地存储,数据永远不会过期,关闭浏览器也不会丢失。sessionStorage同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。...原创 2020-03-28 18:11:45 · 1455 阅读 · 0 评论 -
什么是webGL
什么是webGL,它有什么优点?WebGL( Web Graphics Library ):是一种 3D 绘图标准。1.这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,2.通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定, WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这样 Web 开发人员就可以借助...原创 2020-03-22 20:07:04 · 863 阅读 · 0 评论 -
对canvas的理解
对canvas的理解1.canvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3D图像技术。2.标记和 SVG以及 VML 之间的一个重要的不同是,有一个基于 JavaScript 的绘图 API,而 SVG 和 VML 使用一个 XML 文档来描述绘图。SVG 绘图很容易编辑与生成,但功能明显要弱一些。3.can...原创 2020-03-23 21:42:26 · 271 阅读 · 0 评论 -
表单的基本组成部分有哪些,表单的主要用途是什么?
表单的基本组成部分有哪些,表单的主要用途是什么?组成:表单标签,表单域,表单按钮a、表单标签:这里面包含了处理表单数据所用 CGI 程序的 URL, 以及数据提交到服务器的方法。b、表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框、和文件上传框等。c、表单按钮:包括提交按钮,复位按钮和一般按钮;用于将数据传送到服务器上的 CGI 脚本或者取消输入,还可以用表单按...原创 2020-03-23 22:03:09 · 6785 阅读 · 0 评论 -
HTML5行内元素,块级元素,空元素
HTML5行内元素,块级元素,空元素有哪些?1.行内元素a锚点abbr缩写acronym首字b粗体bdo可覆盖默认的文本方向。(dir=“Itr”/“rtl”)big大字体br换行cite引用code计算机代码dfn定义字段em强调font字体设定i斜体img图片inpu...原创 2020-03-22 19:58:42 · 292 阅读 · 0 评论 -
如何实现浏览器内多个标签页之间的通信
如何实现浏览器内多个标签页之间的通信WebSocket、 SharedWorker ;也可以调用localstorage、 cookies 等本地存储方式;localstorage另一个浏览上下文里被添加、修改或删除时,它都会触发一个事件,我们通过监听事件,控制它的值来进行页面信息通信;注意quirks: Safari 在无痕模式下设置 localstorge 值时会抛出 QuotaExce...原创 2020-03-22 21:00:42 · 203 阅读 · 0 评论 -
HTML5整体布局理解
HTML5基础知识原创 2020-03-12 20:01:19 · 199 阅读 · 0 评论