10.1.13-26

1. 文档声明 doctype!DOCTYPE html 必须放在页面最顶端作用告诉浏览器当前网页使用HTML5标准来解析渲染不是HTML标签是一条指令不加会触发浏览器怪异模式样式错乱。​2. 字符编码 meta charsetmeta charsetUTF-8 规定网页文字编码格式UTF-8支持全球绝大多数文字防止中文乱码如果设置成gbk文件保存编码也要对应。​3. 设置网页语言 langhtml langzh-CN 告诉浏览器、搜索引擎当前网页是中文网页英文网页写 langen 主要利于SEO搜索引擎优化、屏幕阅读器识别。​4. HTML标准结构整合全套模板doctype、html、head、meta charset、title、body title 标签定义网页标题显示在浏览器标签栏搜索引擎会优先抓取标题。​5. 开发者文档 MDN学习查阅文档的方法MDN是Mozilla官方前端文档权威遇到陌生标签、属性优先查MDN看属性取值、兼容性。​6. 排版标签​- h1~h6 六级标题h1权重最高一个页面只能有1个h1利于SEO自带加粗、上下外边距。​- p 段落标签段落之间有间距不能嵌套块级标签。​- br/ 强制换行单标签。​7. HTML语义化标签HTML5重点替代大量无意义div让代码可读性更高搜索引擎更容易识别页面结构​8. 块级元素、行内元素、行内块元素​- 块级元素独占一行可设置宽高h、p、div、ul。​- 行内元素一行多个不能直接设置宽高span、a、b、em。​- 行内块元素一行多个可以设置宽高img、input元素分类可以通过display属性互相转换。​9. 常用文本标签span 行内容器没有默认样式用来给一小段文字单独设置样式。strong 文字加粗带有强调语义 b 仅视觉加粗无语义。em 文字倾斜强调语义 i 仅视觉斜体。​10. 不常用文本标签sup 上标次方 sub 下标 del 删除线、 ins 下划线 small 缩小文字 mark 高亮标记文字。​11. 图片标签 img语法 img src图片地址 alt替代文字​- src图片资源地址必填。​- alt图片加载失败时显示的文字无障碍阅读、SEO。​- width/height设置图片宽高只改一个值图片等比例缩放防止拉伸变形。​- title鼠标悬浮在图片上显示提示文字。​