摘要: 3.20、HTML5 WebSocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次 阅读全文
posted @ 2021-03-14 21:16 泰初 阅读(102) 评论(0) 推荐(0) 编辑
摘要: HTML5 Web 存储 HTML5 web 存储,一个比cookie更好的本地存储方式。 什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。 早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速,这些数据不会被保存在服务器上,但是这些数据只用 阅读全文
posted @ 2021-03-14 21:05 泰初 阅读(152) 评论(0) 推荐(0) 编辑
摘要: HTML5 语义元素 语义= 意义 语义元素 = 有意义的元素 什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。 无语义 元素实例: <div> 和 <span> - 无需考虑内容。​语义 元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容 阅读全文
posted @ 2021-03-14 20:53 泰初 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 三、HTML进阶 3.9、HTML5 Video(视频) 很多站点都会使用到视频,HTML5 提供了展示视频的标准。 Web站点上的视频 直到现在,仍然不存在一项旨在网页上显示视频的标准。 今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规 阅读全文
posted @ 2021-03-14 20:46 泰初 阅读(307) 评论(0) 推荐(0) 编辑
摘要: 三、HTML进阶 3.7、HTML5 拖放(Drag 和 Drop) 拖放是一种常见的特性,即抓取对象以后拖到另一个位置。 在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。 举例: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> 阅读全文
posted @ 2021-03-14 20:33 泰初 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 三、HTML进阶 3.3、HTML5 新元素 为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能.比如: 图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者等。 <canvas> 新元素 标签描述 <canva 阅读全文
posted @ 2021-03-14 20:20 泰初 阅读(107) 评论(0) 推荐(0) 编辑
摘要: 三、HTML进阶 3.1、HTML简介 (1)HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。 (2)HTML5的设计目的是为了在移动设备上支持多媒体。 (3)HTML5 简单易学。 什么是 HTML5? HTML5 是下一代 HTML 标准。 HTML , 阅读全文
posted @ 2021-03-14 20:07 泰初 阅读(76) 评论(0) 推荐(0) 编辑
摘要: 一、url (Uniform Resource Locator)统一资源定位符 1、绝对URL(absolute URL) 显示文件的完整路径,这意味着绝对URL本身所在的位置与被引用的实际文件的位置五关。 2、相对URL(relative URL) 以包含URL本身的文件夹的位置为参考点,描述目标 阅读全文
posted @ 2021-03-14 19:08 泰初 阅读(4635) 评论(0) 推荐(1) 编辑
摘要: 二、HTML基础 2.1、HTML元素 HTML 文档由 HTML 元素定义。 开始标签 * 元素内容 结束标签 * <p> 这是一个段落 </p> <a href="default.htm"> 这是一个链接 </a> <br> 换行 开始标签常被称为起始标签(opening tag),结束标签常称 阅读全文
posted @ 2021-03-14 18:46 泰初 阅读(181) 评论(0) 推荐(0) 编辑
摘要: HTML学习纪录 一、HTML简介 1.1、HTML定义 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (markup tag) HTML 使用标记标签 阅读全文
posted @ 2021-03-14 16:39 泰初 阅读(60) 评论(0) 推荐(0) 编辑
摘要: #前端学习——基础篇 ##四、CSS学习 4.7、css三大特性 一、继承性 子元素继承父元素的样式 不是所有的属性都能被继承(width、height、background、padding、border、margin、text-decoration) 可以继承的属性(部分): 字体系列属性 fon 阅读全文
posted @ 2021-03-14 16:10 泰初 阅读(126) 评论(0) 推荐(0) 编辑
摘要: #前端学习——基础篇 ##四、CSS学习 4.6、背景 作用在内容、内填充、边框 4.6.1、背景颜色 background-color属性 默认背景颜色透明色transparent 属性值可以是:关键词、十六进制色值、rgb颜色模式、rgba颜色模式 4.6.2、背景图片 background-i 阅读全文
posted @ 2021-03-14 16:07 泰初 阅读(3587) 评论(0) 推荐(0) 编辑
摘要: #前端学习——基础篇 ##四、CSS学习 ###4.5盒模型 4.5.3、margin值的塌陷问题 4.5.3.1、并列关系的外间距塌陷问题 **现象:**并列关系的、垂直方向相邻的两个margin外间距相遇,会出现叠加现象。两个值相同,取当前值;两个值不同,取较大值 原因:并列关系的两个元素共用一 阅读全文
posted @ 2021-03-14 15:57 泰初 阅读(133) 评论(0) 推荐(0) 编辑
摘要: #前端学习——基础篇 ##四、CSS学习 4.5、盒模型 4.5.1、什么是盒模型? ​ 也称框模型,在页面布局中,页面元素合理有效地组织在一起,形成一套完整的、行之有效的规则、规范。 包含: ​ 内容content、内填充padding、border边框、外间距margin几个要素 标准盒模型的计 阅读全文
posted @ 2021-03-14 15:53 泰初 阅读(487) 评论(0) 推荐(0) 编辑
摘要: #前端学习——基础篇 ##四、CSS学习 ###4.4、CSS常用样式 4.4.2、理解CSS中的行高与基线 划分:粉色为顶线,蓝色为中线,绿色为基线,红色为底线 ​ 顶线:中文汉字的的上端沿; ​ 中线:横过英文字母x的中间的线; ​ 基线:基线(base line)并不是汉字文字的下端沿,而是英 阅读全文
posted @ 2021-03-14 15:36 泰初 阅读(2162) 评论(0) 推荐(1) 编辑
摘要: #前端学习——基础篇 ##四、CSS学习 4.4、css常用样式 4.4.1、文本文字属性 4.4.1.1、文字属性 photoshop中,窗口菜单--字符,打开字符面板 font-family属性 字体 如果字体是中文字体或字体中包含空格,则字体名称必须加引号 可以将多个字体名称作为一个回退系统, 阅读全文
posted @ 2021-03-14 15:23 泰初 阅读(344) 评论(0) 推荐(0) 编辑
摘要: #前端学习基础篇 ##四、CSS学习 4.3、选择器 选择器之基础选择器 4.3.1、通配符选择器 * 单独使用,表示匹配所有元素 4.3.2、标签选择器——元素选择器 用标签名作为选择器 结构中:<标签名></标签名> 样式中:标签名{ 声明语句 } 4.3.3、class选择器——类选择器 使用 阅读全文
posted @ 2021-03-14 15:17 泰初 阅读(368) 评论(0) 推荐(0) 编辑
摘要: #前端学习——基础篇 四、CSS 学习 ​ CSS即层叠样式表(cascading style sheets) ​ 用于美化web页面的外观 4.1、css语法 组成 选择器{ 属性名1: 属性值; 属性名2: 属性值; } 声明语句1 ; 声明语句2 css注释 /* css注释内容 */ 4.2 阅读全文
posted @ 2021-03-14 15:12 泰初 阅读(125) 评论(0) 推荐(0) 编辑
摘要: #前端学习——基础篇 ##三、HTML学习 12、HTML语义化 12.1、什么是HTML语义化 ​ 根据页面内容结构,选择合适的标签。 如,标题用h1~h6,段落用p标签 12.2、语义化的优点 在没有css的情况下,页面也能呈现出较好的内容结构 语义化有利于用户体验,便于开发者阅读和写出更优雅的 阅读全文
posted @ 2021-03-14 15:05 泰初 阅读(179) 评论(0) 推荐(0) 编辑
摘要: #前端学习——基础篇 ##三、HTML学习 11、表格 用途: ​ 早期 使用表格搭建页面 ​ 现在 用来显示表格数据 语法 1、基础语法 <table border="1"><!-- 表格容器,用来定义表格 --> <tr><!-- 表格中的行,必须嵌套在table标签内 --> <th>表头单元 阅读全文
posted @ 2021-03-14 15:00 泰初 阅读(703) 评论(0) 推荐(0) 编辑