![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
文章平均质量分 71
冬天一起吃雪糕
这个作者很懒,什么都没留下…
展开
-
HTML5学习(五)---Canvas(1)
Canvas绘图 Canvas起步 只要给它指定三个属性:id、width和height <canvas idi="drawingCanvas" width="500" height="300"></canvas> 因为一开始canvas在页面显示空白的矩形,所有如果需要显现出来,可以识别边框或者背景。 先使用id取得对象,然后使用该对象的getContext()方法,取得二维绘图上下文。 var canvas = document.getElementById("drawingC原创 2021-02-06 21:28:22 · 121 阅读 · 0 评论 -
HTML5学习(四)---Web表单
音频和视频 HTML5音频与视频 <audio src="rubberfuckies.mp3" controls></audio> src属性是要播放的音频文件的文件名。 controls属性是基本的播放控件 preload属性告诉浏览器如何下载音频,没有设置该属性,浏览器会自己决定是否预下载。 auto,让浏览器下载整个文件 metadata告诉浏览器先获取音频文件开头的数据,从而足以确定基本信息 none,告诉浏览器不必预先下载 autoplay属性,告诉浏览器在加载原创 2021-02-02 09:46:31 · 151 阅读 · 0 评论 -
HTML5学习(一)---HTML5简介
HTML5简介 三个主要原理 不破坏Web 标准不应该引入导致已有的网页无法工作的改变。 修补牛蹄子路 实用至上 HTML5标记 HTML5文档类型 每个HTML5文档第一行都必须是一个特定的文档类型声明,用于告知后面的HTML5内容。 使用声明是为了浏览器知道要使用标准模式。 字符编码 meta元素添加字符编码 <head> <meta charset="utf-8")> <title> A Tiny HTML Document原创 2021-01-30 11:15:13 · 97 阅读 · 0 评论 -
HTML5学习(三)---Web表单
Web表单 理解表单 表单基本工作方式都是用户填写信息然后单击按钮提交,浏览器手机输入的信息,并将其发送给Web服务器。 传统表单 form元素用来组织表单部件,负责告诉浏览器数据提交到哪,方法是在action中提供一个URL 表单控件里面的input 通过占位符文本添加提示 使用placeholder属性创建占位符 <input id="name" placeholder="xiaoming"> 焦点:挑选正确的起点 在相应的元素上通过JavaScript调用focus()方法,帮助用户完成原创 2021-01-30 22:59:19 · 262 阅读 · 0 评论 -
HTML5学习(二)---构造网页
构造网页 语义元素 使用理由: 容易修改和维护 无障碍性 搜索引擎优化 搜索机器人自动在Web中爬行并获取每一个网页,然后扫描网页内容将它们索引到搜索数据库中,如果搜索引擎能更好理解你的站点,搜索者的查询会越容易匹配你的内容,你的网站列在搜索结果中的可能性越大。 改造传统HTML页面 使用HTML5构造 < div>构造问题在于,它本身不能反映页面相关任何信息。 使用语义元素构造页面: <!DOCTYPE html> <html lang="en"> <h原创 2021-01-30 15:47:37 · 143 阅读 · 0 评论