随笔分类 -  HTML

摘要：canvas 发现好多面试题有问到这方面的知识，特意来此学习。 简介： 是H5新增的组件，就像一块幕布，一个可以使用脚本（通常为Javascript）在其中绘制图形的HTML元素，他可以用来制作各种图、表，或者一些动画，同时还可以实现动画、缩放、各种过滤和像素、转换等高级操作。 特点： canvas 阅读全文

摘要：为什么link用href获取资源 script和img用src src用于替换当前元素，href用于在当前文档和引用资源之间确立联系。 src src是source的缩写，指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚 阅读全文

摘要：link 和 @import 作用：样式的导入方式 link 的使用 <link href="index.css" rel="stylesheet"> @import 的使用 <style type="text/css"> @import url(index.css); </style> link 阅读全文

摘要：html5语义化 在HTML5出来之前，我们习惯于用div来表示页面的章节或者不同模块，但是div本身是没有语义的。但是现在，HTML5中加入了一些语义化标签，来更清晰的表达文档结构。 标签： 语义化优点： 易于用户阅读，样式丢失的时候能让页面呈现清晰的结构。 有利于SEO，搜索引擎根据标签来确定上 阅读全文

摘要：伪类和伪元素 伪类：用于已有元素处于某种状态时为其添加对应的样式，这个状态是根据用户行为而动态变化的。 例如：当用户悬停在指定元素时，可以通过:hover来描述这个元素的状态，虽然它和一般css相似，可以为 已有元素添加样式，但是它只有处于DOM树无法描述的状态下才能为元素添加样式，所以称为伪类。 阅读全文

摘要：新增选择器 document.querySelector、document.querySelectorAll 拖拽释放(Drag and drop) API 媒体播放的 video 和 audio 本地存储 localStorage 和 sessionStorage 离线应用 manifest 桌面 阅读全文