HTML基础笔记前26节一、环境与工具前端工程师主要负责编写 B/S架构中的网页呈现界面、实现交互。VSCode 必装插件 Live Server保存后浏览器自动刷新两个前提① 用 VSCode 打开的是文件夹 ② 页面是标准 HTML 结构查文档只认一个MDN → developer.mozilla.org二、标准结构必背输入 ! 回车一键生成整套结构必须在第一行、html 标签外侧编码统一 UTF-8语言 zh-CN​​​​​​​​​​三、标签与属性标签名、属性名推荐全小写属性值推荐双引号同名属性后写的失效四、注释 ctrl➕/浏览器不显示但源码里看得到不能嵌套五、排版标签h1 全页只写一个h2~h6 可以多写h1~h6 不能互相嵌套p 里不能放 h1~h6、p、div六、语义化呈现样式不重要CSS 都能改语义才重要好处结构清晰 · 利于 SEO · 屏幕阅读器能读七、块级 与 行内块级独占一行h1~h6、p、div行内不独占一行span、input行内里面不能放块级八、文本标签记住三个就够em 着重 · strong 更强 · 但是都没有h1重要span 无语义容器div 是大包装袋span 是小包装袋九、图片 imgalt 必写给 SEO 看 · 加载失败时显示 · 盲人阅读器朗读别同时写宽和高会拉伸变形一般写一个会自动按比例调小调大不建议会模糊十、路径./ 同级可省略 · / 下一级 · …/ 上一级相对路径依赖当前位置挪了文件就得改路径​