网页关键词和页面描述:
1、合理设置网页的关键词和页面描述也是SEO的重要手段,SEO(搜索引擎优化)利用搜索引擎的规则提高网站在有关搜索引擎内的自然排名,让网站在搜索引擎的结果中占据领先地位,获得品牌收益。
2、使用meta标签设置网页关键词和描述,name属性非常关键,用来设置meta的具体功能。
3、网页描述也是搜索引擎显示的简介词语。
标题标签:
1、h系列标签表示“标题”语义,h是headline的意思:
2、搜索引擎非常看重< h1>< /h1>标签的内容,应该将重点内容放到< h1>< /h1>中,比如网页的logo等:
3、< h1>< /h1>标签一般只能放置一个,否则会被搜索引擎视为作弊(实际开发中会出现多个< h1>,但不推荐。
段落标签:
1、< p>< /p>标签表示段落,p是英语paragraph的意思:
2、任何段落都要放到< p>< /p>标签中,因为html中即使代码换行了,页面显示效果也不会换行,必须写到< p>< /p>中。
3、< p>< /p>标签中不能嵌套h系列标签和其他p标签。
div标签:
1、div是“分割”的缩写,< div>< /div>标签对用来将相关的内容组合到一起,以和其他内容分割,使文档结构更清晰;
2、< div>< /div>是最常见的html标签,因为它什么都可以容纳,因此工程师也习惯称呼其为“盒子”。
HTML5的特性:
空白折叠现象:文字和文字之间的多个空格,换行会被折叠成一个空格,标签“内壁”和文字之间的空格会被忽略。
转义字符:
& lt ;小于号 & gt ;大于号 & nbsp ;空格(不会被折叠)& copy ;版权符号©
HTML注释:可以在VScode编辑器中使用Ctrl+/键输入
工作开发流程:产品经理提出需求,画圆形图-设计师(UI/UE)画设计图-前端开发工程师。
现在的原理图/设计图软件,设计师使用Axure或者Sketch等软件,可以直接给我们“直观标准”的原型图/设计图。
div常见类名:div标签可以添加class属性表示类名,类名服务于css
区域页头 logo 导航条 横幅 内容区域 页脚
类名header logo nav banner content footer
无序列表:
标签 < ul>< /ul>< ol>< /ol>< dl>< /dl>
语义 无序列表 有序列表 定义标签