《你并不精通HTML》demo原型索引

展示

提问交流 »

第10章

HTML slot元素实现简易弹框 HTML part属性设置弹框样式 HTML exportparts属性设置弹框按钮样式 HTML is属性与内置自定义元素

第13章

calcMode, keyTimes, keySplines属性作用 horse-accesskey-value.svg horse-animate-sum.svg horse-animate-x-y.svg horse-animate.svg horse-begin-link.svg horse-click-run.svg horse-combine.svg horse-motion-rotate.svg horse-motion.svg horse-play-pause.svg horse-repeat-value.svg horse-scale.svg horse-set.svg horse-values.svg horse.svg

第2章

rel="noopener"与Web安全演示 document.referrer与页面访问来源 rel=noreferrer与新标签页图片的显示与否只在同一个窗口中打开预览页面 download属性与图片下载 ping属性与数据上报 base元素影响ajax请求地址 area元素与链接的嵌套 area和map元素实现不规则点击区域 body元素的背景和html元素强关联 body元素overflow:hidden失效

第3章

details元素默认样式效果 summary元素小三角样式自定义 details/summary元素实际使用案例 dialog元素表单提交自动关闭 dialog元素的returnValue dialog元素的showModal()方法 showModal()方法的自动层级特性原生popover弹出层查看图片使用popover属性模拟下拉弹层 label元素与表单控件元素 label元素与单复选框选择技术 fieldset/legend与文字两侧边框实现 fieldset元素禁用表单所有控件元素 progress元素的样式自定义 meter元素与密码强度效果

第4章

meta name="theme-color"使用测试 meta name=color-scheme使用测试 PNG格式favicon多个尺寸设置测试 rel=alternate实现换肤效果

第5章

del和ins元素设置背景色模拟diff效果示意 hr元素模拟分隔线效果

第6章

命名空间与SVG样式控制 img元素crossOrigin属性跨域数据获取 SVG viewBox属性原理分步演示外链SVG文件的若干方法示意 SVG图形绘制到Canvas画布 figure和figcaption元素使用示意 srcset属性和x描述符 sizes属性和w描述符 picture元素与不同比例图片显示 picture元素与不同格式图片显示 video元素实现运营动效 webM视频合成案例 webcodecs解码MP4并应用特效 track元素与video外挂字幕

第7章

requestSubmit()和submit()方法对比 range范围选择控件样式自定义和星星评分效果 datalist元素与输入匹配列表 formdata事件 reset重置自动触发change事件 select多选的value属性重置与样式自定义 showPicker()方法与下拉列表的显示 checkbox复选框模拟开关效果使用单选框模拟select下拉效果 webkitdirectory与文件夹选择 showOpenFilePicker与普通按钮触发文件选择

第8章

table等分布局和flex等分布局差异 table表格两种边框设置方法 caption元素特性与文字排版

第9章

enterkeyhint属性与软键盘确定文案 HTML inputmode属性与软键盘类型 HTML autocapitalize属性与大小写输入