【Web前端HTML5&CSS3】03-字符实体与语义标签
笔记来源：尚硅谷 Web 前端 HTML5&CSS3 初学者零基础入门全套完整版
目录字符实体与语义标签1. 字符实体2. meta 标签3. 语义标签4. 块元素与行内元素块元素（block element）行内元素（inline element）5. 内容修正6. 布局标签7. 列表8. 超链接外部地址内部地址新建页面锚点跳转9. 图片图片格式jpeg（jpg）gifpngwebpbase ...
【Web前端HTML5&CSS3】02-前端开发准备
笔记来源：尚硅谷 Web 前端 HTML5&CSS3 初学者零基础入门全套完整版
目录前端开发准备1. 离线文档的下载2. 文本编辑器的选择Notepad++SublimeVS Code √AtomWebStorm3. 开发前准备4. 使用 Live-Server踩坑 1踩坑 2踩坑 3自定义端口号
前端开发准备
1. 离线文档的下载
离线文档：Zeal - Offline Documentation Browser
如 ...
【Web前端HTML5&CSS3】01-前端简介
笔记来源：尚硅谷 Web 前端 HTML5&CSS3 初学者零基础入门全套完整版
目录前端简介1. 软件的分类1.1. 系统软件1.2. 应用软件1.3. 游戏软件2. 客户端与服务器2.1. 服务器2.2. 客户端3. 网页的特点4. 网页简史5. 浏览器和网页5.1. 浏览器的问题5.2. W3C 的建立5.3. 网页的结构思想结构、表现、行为6. 网页的基本结构6.1. 迭 ...
html5基础---canvas
1. canvas简介
<canvas> 是 HTML5 新增的元素，可用于通过使用JavaScript中的脚本来绘制图形
· 使用<canvas>标签时，建议要成对出现，不要使用闭合的形式。
· canvas元素默认具有高宽
width: 300px
height: 150px
2. 替换内容
由于某些较老的浏览器（尤其是IE9之前的IE浏览器）不支持HTML元素<canvas>， ...
HTML5是什么
HTML5是目前超文本标记语言 (Hyper Text Markup Language)最新修订版。HTML可以理解为一门程序语言，HTML5字面的意思，这门程序语言的第五次修订，也是HTML的第五个版本。
广义上，可以理解成HTML5、CSS、Javascript的组合，是Web前端开发的必备技能，简称H5技术。相比较之前版本，最大的变动就是除了对PC端个浏览器解析起 ...
Html5新增了什么
h5新增了些什么
介绍
HTML5 是下一代的 HTML, 将成为 HTML、XHTML 以及 HTML DOM 的新标准。
起步
HTML5 是 W3C 与 WHATWG 合作的结果。
为 HTML5 建立的一些规则：
新特性应该基于 HTML、CSS、DOM 以及 JavaScript。
减少对外部插件的需求（比如 Flash）
更优秀的错误处理
更多取代脚本的标记
HTML5 应该独立于设备
开发 ...
如何学习html的各种标签
目录head标签学习body标签学习1.标题标签2.水平线标签3.段落标签4.换行符标签5.空格符标签6.权重标签body列表标签1.无序列表2.有序列表3.自定义列表列表标签全部代码图片标签学习代码粘贴超链接标签学习a标签表格标签的学习表格的合并代码粘贴表格标签练习（绘出求职简历表）内嵌标签的学习框架标签的学习1.删除body标签for ...
西瓜视频播放器（HTML5）
西瓜视频播放器（HTML5）
一款带解析器、能节省流量的HTML5视频播放器
https://v2.h5player.bytedance.com/
播放视频
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,minimal-ui">
...
HTML5和CSS3提高
一.HTML5的新特性
HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。
这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这
些新特性。
1.HTML5 新增的语义化标签
以前布局，我们基本用 div 来做。div 对于搜索引擎来说， ...
HTML5 file对象和blob对象的互相转换
HTML5 file对象和blob对象的互相转换
最近在做一个裁剪图片的需求，基于vue和elementui，裁剪完图片遇到一个坑，elementui的upload组件接受一个promise，要求promise resolve一个File对象才可以使用新文件上传，而canvas是转成了blob对象，我google查了好久，没有发现有blob对象转File的文章，所以今天来写一个吧！
使用F ...
HTML5基础入门一天学完
HTML
什么是HTML
HTML：Hyper Text Markup Language（超文本编辑语言）
HTML的发展史
HTML5优势
世界知名浏览器厂商对HTML5的支持
市场的需求
跨平台
W3C标准
W3C
World Wide Web Consortium
成立于1944年，Web技术领域最权威和最具影响力的世界中立机构。
W3C标准包括
结构化标准语言（HTML,XML）
表现 ...
HTML5原生<video>与 flv.js
1，以前很多浏览器播放视频需要用Adobe Flash等插件，Flash应用非常广泛，但却存在很多安全漏洞
flash为什么被淘汰了
2，W3C的最新的HTML5标准中，定义了一系列新的元素来避免使用插件，<video>和<audio>
Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持 <video> 元素
但是，HTML5中的 ...
HTML5 直播协议之 WebSocket 和 MSE fmp4
当前为了满足比较火热的移动 Web 端直播需求, 一系列的 HTML5 直播技术迅速的发展了起来.
常见的可用于 HTML5 的直播技术有 HLS, WebSocket 与 WebRTC. 今天我要向大家介绍一下 WebSocket 与 MSE 相关的内容, 并在最后通过一个实际的例子, 来展示其具体的用法.
大纲
WebSocket 协议介绍.
WebSocket Client/Server API 介绍 ...
HTML5新属性
一、HTML5 的新特性
HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改；
两个概念：
是一个新版本的 HTML 语言，定义了新的标签、特性和属性
拥有一个强大的技术集，这些技术集是指： HTML5 、CSS3 、javascript, 这也是广义上的 HTML5
1、HTML5 拓展了哪些内容
...
HTML5与CSS3知识点总结
HTML常用标签总结
手摸手带你学CSS
好好学习，天天向上
本文已收录至我的Github仓库DayDayUP：github.com/RobodLee/DayDayUP，欢迎Star
⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
原文链接：https://blog.csdn.net/weixin_43461520/article/details/113201713
⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
HTML5新增标签
HTML5针对以前的不足，新增了一些新的标 ...
html5 video(html中播放视频的标签)
在html5中，“视频”标签<video>定义视频，比方电影片段或其他视频流。HTML5是近十年来Web标准最巨大的腾跃。HTML5并非只是用来表明Web内容，它也将Web带入一个老练的使用平台，在这个平台上，视频，音频，动画，以及同电脑的交互都被标准化。跟着HTML5的发展，各个浏览器都现已或即将支撑HTML5。在大潮流的推进下，微软也 ...
HTML5表格详细教程
HTML5表格
文章目录
HTML5表格
5.1 定义表格
5.1.1 普通表格、列标题
5.1.2 表格标题
5.1.3 表格行分组、表格列分组
5.2 表格属性
5.2.1 单线表格、分离单元格
5.2.2 细线边框
5.3 单元格属性
5.3.1 跨单元格显示、表头单元格
5.3.2 绑定表头、信息缩写
5.3.3 单元格分类
5.4 项目实战
5.4.2 设计 ...
HTML5倾斜迷宫小游戏
HTML源代码：
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>HTML5倾斜迷宫</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="center">
<div id="game">
<div id="maze">
<div id="end"></div>
</div>
<d ...
HTML5飘动爱心心形动画
源码简介：
HTML5 飘动爱心心形动画，鼠标点击停止飘动，再次点击继续飘动效果
代码如下：
1 <!doctype html>
2 <html>
3 <head>
4 <title>HTML5 飘动爱心心形动画</title>
5 <meta charset="UTF-8">
6 </head>
7 <body>
8 <canvas id="c"></canvas>
9 <script>
10 ...
四十四：HTML5之HTML5页面布局案例
HTML5新布局的意义：
1.语义化：HTML5可以让更多语义化的结构代码标签代替大量的无异议的div标签
1.这种语义化的特性提升了网页的质量和语义
2.减少了以前用于CSS调用class和id属性
2.对搜索引擎的友好：新的结构标签带来的是网页布局的改变及提升对搜索引擎的友好
HTML5之前的布局
HTML5布局
&nbs ...
