HTML&CSS&JavaScrip知识点复习

HTML相关知识简单概括

什么是HTML？
HTML就是超文本标记语言，是一种标识性的语言，包括一系列标签（head 、body、div等）通过这些标签可以使网络上的文档格式统一，简而言之就是描述文档的表现形式。
什么是标签？
标签是html语言中最基本的单位，标签的大小写无关（

等价于

但是一般使用小写）
标签的特点如下：

1. 由尖括号包围
2. 通常是成对出现的（例如 div，body，span，i等）也有单标签（br，hr，img，input，link等）
3. 一对标签中最先出现的是开始标签，后出现的是结束标签（也称为开放和闭合标签）
   ps ：其实开闭标签可以用带不带“/”（除号不是反斜杠）来区分，带“/”是结束标签，开始标签反之。
4. 一般成对出现的标签内容在两个标签中间，单标签则通过属性的方式来赋值
   不按规范写出来的语句有时也可以正常运行，但是要养成好的职业素养。

常见的几个标签：

• 表格标签<table>：
  表格,标签的常用关联标签
  <thead> 表头
  <tr>行
  <th> 通常用在第一行表示表头，内容会加粗，用于标签之间
  <td>表示一个行中的单元格，用于标签之间
  <tbody> 表示表的主体内容
  <tfoot> 仅得到主流浏览器支持一般用于脚注
  建议写表格的时候 thead和 tbody都写出来

• 表单标签<form>
  常见的属性：
  action：值为表单提交的地址
  method：用于指定请求类型 get|post 用get方法发送的值会在浏览器的链接中以
  “值名1=值1&值名2=值2”的形式显示所以get不能用于账号密码等类似情况
  enctype：用于规定发送到服务器之前如何对数据进行编码
  属性值有：
  application/x-www-form-urlencoded 在发送前编码所有字符
  multipart/form-data 不对字符进行编码，用于表单中包含文上传
  的情况
  text/plain 空格替换成加号但是不对特殊字符编码。
  注意： 表单提交不一定要用submit，还可以用Ajax序列化（serialized（））的方式完成提交。
  通过form和ajax提交原理完全不一样。
  ajax执行操作时一般是异步进行，只会对页面局部进行刷新，表单操作则是把请求发送给服务器，服务器处理后会指示浏览器页面进行跳转。
  标签的语义
  h1/h2/h3表示大纲级别类似于word中的标题
  div/span/b 表布局
  使用带语义的标签可以方便搜索引擎快速的进行收录
  有时虽然某标签也有相同效果但是推荐使用css+语义化标签。
  关于浏览器
  用于解析html，css，javascript，图片，音频等内容的环境
  常见的浏览器 IE/FireFox/Chrome /Opera 其中FireFox 和Chrome浏览器被称之为标准浏览器
  浏览器不同会有细微差异，考虑兼容性问题
  另外像360，搜狗浏览器等都是基于某一浏览器进行深度改造
  CSS
  用于描述html内容的表现形式的语言
  层叠样式表：元素样式可以由多种方式进行叠加
  常见的css样式编写方式有：
  行内式：在标签内部用style进行设置包含 属性名：属性值 的值对之间用‘；’隔开
  内嵌式：在html文件内，通常是head标签内利用写在<style type="text/css"></style>里面
  外链式：写在独立的css样式文件中利用<link type="text/css" rel="stylesheet" href="css样式地址"> 的形式引入
  HTML元素本身不具备样式，但是在不定义样式的情况下，不同标签也有不同的显示形式，原因是浏览器会对不同标签有默认样式
  尽量使用外链式，可以降低代码之间的耦合，使代码看起来结构更加明确，从而让页面设计变简单，不同文件都有特定作用各司其职。
  重点内容
  1.div+css布局基础，充分了解盒子模型
  2.样式选择器，id（#），class(.）标签，还有各种特殊的选择器（子，兄弟，属性选择器[]等）
  3.Javascript

• 对Javascript的认识
  一种具有函数优先的轻量级，解释型或即时编译型语言。
  作用于业务逻辑的处理和对DOM树进行操作：对事件的驱动（对DOM树中的元素进行增删查改）
  javascript 使弱类型语言，书写比较随意
  1、通过var关键字定义变量，函数等
  2、关于JavaScript的判断条件
  数字0和！0表false和true
  有分支结构
  运算符例如最特殊的三目运算符号 布尔表达式 ？表达式1：表达式2
  ==和===的区别==只比较值 而===除了比较值还比较类型