HTML
文章平均质量分 62
HTML笔记
海胆Sur
本着开放共享的态度
展开
-
canvas 与 svg 对比
svgcanvas原创 2023-06-15 16:13:35 · 102 阅读 · 0 评论 -
HTML5 新增内容 新特性
number:数字;tel:电话;search:搜索;email:邮箱;url:地址;date:年月日;time:时分秒;month:月;week:周;time:时间;color:生成颜色选择表单;range:范围原有text:文本radio:单选password:密码button:按钮checkbox:多选file:文件image:图片submit:提交reset:重置hidden:隐藏。原创 2023-06-14 15:27:51 · 490 阅读 · 0 评论 -
js 实现全屏
该方法返回 promise让当前元素退出全屏模式,会有一个全屏栈全屏模式变化事件:全屏方法需要用户手动操作的事件触发,如点击等这种方案虽然简单,但无法与其他组件内容配合,如抽屉等功能此 api 在 iPhone 上不受支持。原创 2023-06-06 11:09:02 · 4745 阅读 · 0 评论 -
获取 DOM 实际宽度 offsetWidth | 文本宽度 measureText
dom.offsetWidth 获取的是div的宽度。// 通过 measureText 计算。'海胆 .7~^@,aA'// 添加 dom 显示。原创 2023-03-07 10:52:33 · 507 阅读 · 0 评论 -
HTML SVG 笔记 | SMIL svg 动画
/可以在 html 中直接键入标签或者。原创 2021-11-19 23:48:58 · 200 阅读 · 0 评论 -
HTML 媒体
对象方式引入<object> 元素 data<embed> 元素 空元素 src音频标签<audio> controls<source> src type<audio controls="controls" height="100" width="100"> <source src="song.mp3" type="audio/mp3" /> <source src="song.ogg" type="audio原创 2021-06-06 14:47:27 · 55 阅读 · 0 评论 -
HTML5 Canvas
只是一个容器,有一个基于 JavaScript 的绘图 APISVG 和 VML 使用一个 XML 文档来描述绘图。原创 2021-06-06 13:53:06 · 71 阅读 · 1 评论 -
前端项目相对路径规则
路径描述“picture.jpg”位于与当前网页相同的文件夹“images/picture.jpg”、"./images/picture.jpg"位于当前文件夹的 images 文件夹中“/images/picture.jpg”当前站点根目录的 images 文件夹中“../picture.jpg”位于当前文件夹的上一级文件夹中...原创 2021-06-05 17:08:03 · 362 阅读 · 0 评论 -
HTML 内联框架 iframe
在网页内显示网页属性作用src页面的URL,要显示的页面heightiframe 的高度widthiframe 的宽度frameborderiframe 的边框宽度name可以作为a链接target的值,选择在iframe打开新链接原创 2021-06-05 16:58:48 · 83 阅读 · 0 评论 -
HTML table表格 ul/ol/dl列表 form表单 input select textarea
表格<table> 规定表格<caption> 规定表头<tr> 规定行<th>规定列标题格<td> 规定普通格合并单元格th和td的属性colspan 设置单元格可横跨的列数。rowspan 规定单元格可横跨的行数。设置单元格的边距通过设置table的属性单元格内边距cellpadding 规定单元边沿与其内容之间的空白。单元格间隙cellspacing 规定单元格之间的空白。表格排列方式居左、居右、居中 通过原创 2021-06-05 16:51:32 · 962 阅读 · 0 评论 -
HTML img 图像映射 map
<img src="图片地址" usemap="#mapname" alt="" /><map name="mapname"><areashape="circle / rect"coords="x,y,14 / x1,y1,x2,y2"href ="目标地址"target ="_blank"alt="" /><area /></map>原创 2021-06-03 18:00:07 · 337 阅读 · 0 评论 -
HTML 常用标签 简要说明
常规标签h1~6 标题标签1~6 字体大小依次递减p 段落标签<p> 一般浏览器有默认边距a标签链接标签属性功能href链接内容 ”URL 或 #锚点id“target跳转方式 _blank/_b 新页面跳转 _self 本页面跳转(默认)锚点标签配合HTML的全局属性id使用属性功能id唯一定位名称 name属性样例:<a href="#id" target="_blank"&g原创 2021-06-03 16:50:29 · 163 阅读 · 0 评论 -
HTML 全局属性
属性描述accesskey规定聚焦元素的快捷键。 配合Alt或Shift+Alt使用class规定元素的一个或多个类名(引用样式表中的类)。dir规定元素中内容的文本方向。 ltr / rtl 注id规定元素的唯一 id。lang规定元素内容的语言。style规定元素的行内 CSS 样式。tabindex规定元素的 tab 键次序。title规定有关元素的额外信息(悬停时显示)注: 在非<bdo>标签...原创 2021-06-03 16:15:18 · 58 阅读 · 0 评论 -
HTML5 代码规范
请始终在文档的首行声明文档类型:<!DOCTYPE html>使用小写元素名,不要大小写混用使用小写属性名,不要大小写混用不要遗漏闭合标签</xxx>关闭空元素<meta charset="utf-8" /> //不要省去'/'属性值加引号始终对图像添加 alt 属性请始终定义图像尺寸。这样做会减少闪烁。尽量避免代码行超过 80 个字符。使用两空格的缩进,请勿使用TAB不推荐省略 <html> 和 <body>.原创 2021-06-02 18:37:09 · 130 阅读 · 0 评论 -
HTML5 标签划分 语义化标签
基础<!DOCTYPE html> 声明HTML5文件<hr> 分割线标签<br> 换行标签格式<abbr> 定义缩略词,title属性显示完整内容<address> 定义文档作者/所有者的联系信息;通常呈现为斜体。大多数浏览器会在该元素的前后添加换行。<bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置。起到隔离作用,浏览器支持度不高<bdo dir="rtl"> 定义文本方向<met原创 2021-03-18 22:43:50 · 150 阅读 · 0 评论