html如何实现搜索栏记忆,html的知识点快速记忆（一）

HTML快速回顾

(时间易逝，唯有学而思，思而学才更有味道)

知识点01：前端向后台请求的通道是HTTP协议；后台向前端反馈的通道叫接口。

知识点02：web组成的三层标准是结构(HTML)、表现样式(CSS)、行为(Javascript)。

知识点03：增加页面速度得技巧

http请求:  服务器--"资源"---请求地址

资源  ：  音频  视频  图片  代码  等等等

第一个优化得方法: 想办法把所谓得资源  减少   或者  容量减少

第二个优化得方法： 减少http得请求次数

(自动触发  手动触发)

实现原理就是： 发送一次请求 请求多个资源

知识点04：网页有哪些组成？由文字，图片，超链接等等元素组成

浏览器是用来转换网页代码的工具。

常用浏览器有五个：IE 火狐 谷歌 safari Opera；

知识点05：浏览器内核：了解五个最常见的，谷歌是Blink,Blink是webkit的分支，以及了解移动内置内核

知识点06：web标准三层组成：结构(Structrue)表现(Presentation)、行为(Behavior)(强大交互)；

结构类似人的身体，表现类似人的着装，行为类似人的动作；

知识点07：html是一门超文本标记语言；

标记语言是一套标记标签；所有的标签都用<>来表示；

知识点08：html骨架格式，html最大的标签是根标签；

head文档的头部，title是文档(网页)的标题；body是文档的内容；

知识点09：html标签，属性，等推荐统一使用小写；

电脑显示文件扩展名的方法，打开“我的电脑-查看-勾选显示文件扩展名”。

知识点10：html标签分类---常规元素(双标签: 结束标签>)，空元素(单标签:);

知识点11：html标签关系---嵌套(包含)关系，并列关系

嵌套(父子级)关系，子元素最好缩进一个tab键的身位，一个tab键占有4个空格；

知识点12：代码开发工具---Dw、subline、webStrorm、Hbuilder等

代码中所有的符号和标签都是英文的，才能不出错，所有的代码文件都需要先保存成.html文件；

生成页面骨架快捷方法：输入html:5  按下tab键；或者 输入  ！  按下tab键；

知识点13：DOCTYPE和lang的解释---版本和语言类型

指的是html页面内容语言。“en”是英文，“zh-CN”是中文。

知识点14：字符集---charset="UTF-8"

字符集(character set)是多个字符的集合；

GB2312：简体中文，BIG5：繁体中文，GBK：包容所有中文。

UTF-8：多国语言集合，基本包含世界各个国家需要用到的语言；

知识点15：标签的语义化的目的---所谓标签语义化，就是指标签的含义

根据标签的语义在合适的地方用合适的标签。

作用;方便代码的阅读和维护，让浏览器更好的解析，更好分析其中的内容，页面清晰，利于搜索引擎。

知识点16：标题标签---

标题标签分6级，每一个标签单独一行显示，并且有加粗的效果。

知识点17：段落标签和水平线标签---

&

段落标签语义就是将文档分为多个段落；水平线标签。

知识点18：换行标签---

知识点19：div和span标签---没有语义，用来装网页元素的，即布局用的

用来布局的，一行只能放一个div,

用来布局的，一行可以放多个span。

知识点20：文本格式化标签---即给文本加一些装饰的

加粗     语义更强调加粗，推荐使用；

倾斜     语义更强调加粗，推荐使用；

删除     语义更强调加粗，推荐使用；

下划线  语义更强调加粗，推荐使用。

知识点21：图像标签---

例：

src    属性用于指定图像文件的路径和文件名，是必需的属性。

alt     属性用于图像不能显示的时候，文字就显示，

title   属性用于提示文本，将鼠标一经过就显示，

width 属性用于修改图像宽度，写宽可以不用给高height，这样图片可以等比例显示，(特定比例可以写)

height 属性用于修改图片高度，写高可以不用给宽height，这样图片可以等比例显示，(特定比例可以写)

border 属性用于设置图片边框的宽度。

注意：各属性之间需要用空格隔开。

知识点22：链接标签---

href  是a标签必需的属性，

外部链接：需要添加  "http://网址"，

内部链接：需要添加内部目标文件路径地址，

空连接：可以用#来代替，

target  用于指定链接目标的打开方式，(  _blank新窗口/ _self原窗口  )默认是_self  会在原窗口打开。

知识点23：注释标签---

注释是为了解释这部分代码是干嘛的，程序是不执行的，

快捷键  “ CTRL+/  ”或    “CTRL+？”   ，一般推荐  注释放在要解释的代码上面。

知识点24：相对路径---引用文件相对于网页的地址路径

目录文件夹：最大的一个文件夹

根目录：打开目录文件夹的第一层，就是根目录，

同一级路径：引用的文件路径和网页路径在一起，只要输入名表文件名即可，

下一级路径：引用的文件路径相对网页路径在下一级，“/”表示下一级，

上一级路径：引用的文件路径相对网页路径在上一级，“../”表示上一级，

相对路径：是从代码所在的这个文件出发，去寻找的我们的目标文件的，所谓同一级，下一级，上一级，简单说，目标文件位于html文件的位置。

知识点25：绝对路径---意指所有网页使用同一文件时，其路径都是一样的

绝对路径：以web站点根目录为参考而言的。

知识点26：锚点定位---使用相应的id名标注目标跳转的位置，