dz地方门户模板,淘客网站seo怎么做,整套网页模板,wordpress分类目录添加图片HTML再出发 注意事项VScode相关排版标签语义化块级元素和行内元素文本标签img标签图片格式超链接 注意事项
VScode相关
vscode必须打开一个文件夹才能使用liveServer#xff0c;只打开一个文件无法使用liveServer功能。网页编写不标准#xff0c;缺少head#xff0c;body等… HTML再出发 注意事项VScode相关排版标签语义化块级元素和行内元素文本标签img标签图片格式超链接 注意事项
VScode相关
vscode必须打开一个文件夹才能使用liveServer只打开一个文件无法使用liveServer功能。网页编写不标准缺少headbody等基本结构liveServer失去自动刷新功能只能手动刷新。配置VScode的内置插件emmet可以对生成结构的属性进行定制。比如langen改为lang“zh-CN”。 在存放代码的文件夹中存放一个favicon.icon图片可配置网站图标要放在VScode打开的文件夹第一级目录下才能识别到图标。VScode快捷键 ① 注释不能嵌套注释快捷键为ctrl/ ② 删除单行或多行使用快捷键ctrlshiftk ③ 很长一行回车到下一行ctrlenter ④ 复制一行到下一行 shiftalt向下箭头向上箭头
排版标签
排版标签 h1-h6标题p段落div没有任何含义用于整体布局p标签内不能嵌套h1-h6div以及它本身。
语义化
语义化标签默认的效果不重要语义含义最重要。 语义化标签概念用特定的标签去表达特定的含义。 语义化的作用和优点① 代码可读性强② 有利于SEO搜索引擎优化③ 方便设备解析屏幕阅读器
块级元素和行内元素
块级元素独占一行和行内元素不独占一行 块级元素h1-h6divmarqueep 行内元素inputspanimg 普通规则块级元素内能写行内元素和块级元素几乎什么都能写行内元素中能写行内元素但不能写块级元素 特殊规则h1-h6不能相互嵌套p标签中不能写块级元素
文本标签
常用文本标签用于包裹词汇、短语等通常写在排版标签里面排版标签更宏观大段文字文本标签更微观词汇、短语文本标签通常是行内标签。
标签名标签语义em要着重阅读的内容双标签strong十分重要的内容语气比em要强双标签span没有语义用于包裹短语的通用容器双标签
不常用的文本标签 blockquote和address是块级元素其他都是行内元素
img标签
img标签行内元素 尽量不同时修改图片的宽和高可能会导致比例失调。 alt属性的作用① 搜索引擎是通过alt属性得知图片的内容最主要② 当图片无法展示时有些浏览器会展示alt的值 ③ 盲人阅读器会朗读alt的值。
图片格式
① jpg格式 ② png格式 ③ bmp格式 ④ gif格式 ⑤ webp格式 ⑥ base64格式
超链接
