a标签、img标签、form表单核心知识点总结

1. a 超链接标签核心知识点核心作用实现页面跳转、锚点定位、资源下载、唤起功能核心属性href跳转地址绝对路径/相对路径/锚点/协议地址target跳转打开方式_blank新窗口、_self当前窗口默认、_parent父窗口、_top顶级窗口relnoopener noreferrer新窗口跳转安全优化防止页面劫持、性能损耗title鼠标悬浮提示文本特殊用法锚点跳转href#id名空链接hrefjavascript:;无刷新、href#会回到顶部资源下载href文件地址搭配 download 属性强制下载唤起功能hreftel:手机号、hrefmailto:邮箱地址注意事项a标签是行内元素可嵌套行内元素不可嵌套块级元素默认有下划线、蓝色样式可CSS重置。2. img 图片标签核心知识点唯一自带宽高的行内块元素用于加载图片资源核心属性src图片资源地址必填alt图片加载失败替代文本用于SEO和无障碍访问必填width/height设置图片宽高建议只设一个值防止比例失衡loadinglazy图片懒加载优化页面首屏加载速度实战避坑图片加载失败会显示默认破碎图标可通过CSS伪元素优化默认存在图片底边空白可设置 vertical-align: middle 清除优先使用webp格式图片兼顾清晰度和体积3. form 表单核心知识点用于收集用户数据提交表单至后端服务器核心属性action表单提交的后端接口地址method提交方式get参数拼接地址、有限制、不安全、post请求体传参、无限制、安全enctype表单编码格式默认application/x-www-form-urlencoded文件上传必须设为multipart/form-datanovalidate关闭浏览器默认表单验证核心配套标签input、textarea、select、button、label、fieldset