web内容复习
HTML
什么是HTML
HTML的本质是超文本语言，能表现文字，视频，音频，程序等复杂元素。
什么是标签
理解什么是标签，标签对的组成：标签名、属性（名值对）、内容
属性类似是给这个标签的内容加个装备，让这些标签具有一些特殊的能力。
例如：<a hre="www.baidu.com">百度</a>
重要的标签说明
-
表格标签
thead tr th
tbody tr td
<table border="1"> <thead> <tr> <th>表头1</th> <th>表头2</th> </tr> </thead> <tbody> <tr> <td>内容1</td> <td>内容2</td> </tr> </tbody> </table>建议定义表格的时候，tbody,thead都描述出来
-
表格标签form
action：submit 操作执行请求地址
method：指定请求的类型get/post
-
form 表单提交是不一定要通过 submit 操作的，可以通过 AJAX 请求序列化表单（serialize()）的
方式完成表单数据的提交。
（AJAX 序列化就是将 form 中的数据构建为明值对的字符串统一的提交到后台）
-
通过form表单提交和Ajax请求方式提交数据是两种原理完全不一样的设计方式。
通过submit提交，浏览器会把表单元素的数据以名值对的方式提交给服务器
form理解为一个数据的集合（组）
一个页面上可以有多个form表单
Ajax请求可以不要form表单的存在
标签的语义
H1/H2/H3 表示大纲，类似word标题
div/span/p表示布局
使用带语义的标签可以让搜索引擎快速的进行收录
虽然不同的标签也许达到相同的效果，但是强烈建议使用语义化标签+css样式去控制
关于浏览器
浏览器就是解析HTML、css、javaScirpt 、图片、音频等内容的运行环境
IE/Firefox/chrome/opera,其中Chrome/Firefox 称为标准浏览器
不同浏览器是细微的差异，考虑兼容性问题
360、搜狗
CSS
层叠样式表：元素样式可以通过多种方式进行叠加
HTML元素本身是不是具备样式，但是在不定义样式的情况，不同的标签也表现出不同的显示样式，元素是浏览器对于不同的标签是有默认的样式的
如何定义元素的样式
外部样式定义页面的样式、减低代码之间的耦合度，让设计师设计页面
简单的理解是：可以让不同的人不在同一个页面修改文件，各司其职。
需要掌握的内容
- DIV+CSS布局基础，充分理解盒子模型
box-sizing的使用
-
属性
content-box默认值，也是css2.1中的盒子模型。在计算
width和height时候，不计算border、padding和margin。高度、宽度都只是内容高度。border-boxcss3新增。width和height属性包括内容，内边距和边框，但不包括外边距。计算公式
- width = width = border + padding + 内容宽度
- height = border + padding + 内容高度
- 样式选择器ID(#)、Class(.)、标签（div a span）
JavaScript
-
对于编程语言的认识：
一门成熟的编程语言应该具备：变量、数据类型、运算符、控制语句（顺序结构、循环结构、分支结构）、成体系的API
-
javascript的作用
- 业务处理逻辑
- 对DOM进行操作（DOM:Document Object Model）:通过事件驱动页面模型发生变化（DOM树中元素的增删改查，特别是改：改内容，改样式），javaScript能操作DOM的原因在于javaScript实现DOM相关操作的接口，能满足对DOM的操作。
需要掌握的内容
javaScript是弱类型语义，而且书写是比较随意的。
-
通过var关键字定义
-
关于JavaScript判断false 或者ture
1)在条件表达式中，数字0和非0也可以表现为false和true
2)分支结构的三种表示方式
3)三目运算符是需要熟练掌握的，其本质就是个表达式