《你并不精通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属性与大小写输入