Web前端知识复习0224

一、HTML

1.什么是HTML

理解HTML本质是超文本标记语言，能表现如文字、视频、音频、程序等复杂元素。

2.什么是标签

理解什么是标签，标签对的组成：标签名、属性（名值对）、内容
属性类似是给这个标签的内容加了个装备，让这些标签具有一些特殊的能力
例如：<a href="www.baidu.com">百度</a>

3.重要标签说明

① 表格标签 table

thead tr th

tbody tr td

② 表单标签 form

action:submit 操作执行的请求地址

method:指定请求的类型 get/post

1. form 表单提交是不一定要通过 submit 操作的，可以通过 AJAX 请求序列化表单（serialize()）的
   方式完成表单数据的提交。（AJAX 序列化就是将 form 中的数据构建为明值对的字符串统一的提
   交到后台）
2. 通过 form 表单提交和 AJAX 请求方式提交数据是两个原理完全不一样的设计方式。

③ 表单元素标签

通过submit提交，浏览器会把表单元素的数据以名值对的方式提交给服务器。

form理解为一个数据的集合（组）
一个页面是可以有多个form表单
Ajax请求，可以不要求有form存在

4.标签的语义

div/span/p表示布局
使用带语义的标签可以让搜索引擎快速进行收录
虽然不同标签也许可以达到相同显示效果，但是强烈建议语义化标签+CSS样式控制

<style> .hstyle { display: block; font-size: 2em; font-weight: bold; } </style> <h1>标题1</h1> <span class="hstyle">标题1</span>

5. 关于浏览器

浏览器就是解析HTML，CSS，JavaScript、图片、音视频等内容的运行环境。
IE/Firefox/Chrome/Opera,其中Chrome/Firefox称为标准浏览器
不同浏览器考虑兼容性问题

二、CSS

层叠样式表：元素样式可以通过多种方式叠加
HTML元素本身不具备样式，但是在不定义样式的情况下，不同标签表现出不同的显示样式，因为浏览器对于不同标签有默认样式

如何书写定义元素样式

外部样式定义页面的样式，减低代码耦合度
需要掌握
1.div+CSS布局基础 盒子模型
Box-sizing的使用
2.样式选择器ID（#）Class(.) 标签（div a span）

三、JavaScript

1.对应JavaScript的认识
2.作用
1）业务逻辑处理
2）对DOM树进行操作：通过事件驱动（DOM树中元素的增删改查，特别是改内容、样式）
需要掌握
JavaScript是弱类型，书写比较随意
1.通过var进行定义
2.关于JavaScript判断条件
1）数字0和非0，表示false和true
2）有三种分支结构
3）三目运算符是需要熟练掌握的，本质上是一个表达式