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-box
css3
新增。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)三目运算符是需要熟练掌握的,其本质就是个表达式