6.网站网页,骨架,SEO标签及版心

236 阅读1分钟

1.网站-实例分析

1.png

1.1.网页和网站的关系

1.png

2.骨架结构

2.1 文档说明

告诉浏览器网页的HTML版本,注意需要写在第一行,不属于HTML标签

2.2 网页语言标识

zh-CN 简体中文 、 en 英文

2.3 字符编码了解

<meta charset="UTF-8"> UTF-8 万国码,收录了全球语言的文字 GB22312:6000+汉字 GBK: 20000+汉字 注意开发中统一使用 UTF-8字符编码

2.4 SEO 三大标签

<meta name="description" content=" 我是网页的描述,可以写的比较多">
    <meta name="keywords" content="我是关键字,关键字,就5个">
    <title>我是网页的标题,会显示出来</title>

2.5 有语义的布局标签

1.png

2.6 ICO图标

版心的相关内容

1.png

2.7 版心的相关内容

1.png

3.关于CSS书写顺序

3.1 先写布局属性 display ,position,float,clear,visbillity,overflow
3.2 盒子模型+背景 width,height,margin ,padding,border ,background
3.3 文本属性 color,font,text-decortion ,text-align ,line-height
3.4 点缀属性 cusor ,border-radius ,text-shodw ,box-shadow