Web前端初级考试复习

1、Web页面制作基础

（1）Web简介（了解）
（2） HTML语法基础（掌握）
HTML基本结构、单双标签、标签属性、标签嵌套规则、注释
（3）HTML文本图像元素（掌握、应用）
标题和段落、图像
（4）HTML超链接元素（掌握、应用）
（5）HTML列表元素（掌握、应用）
（6）HTML表单表格元素（掌握、应用）
表单属性、表格结构
（7）CSS基础（掌握）
基础语法和选择器、CSS引用方式
（8） CSS属性（掌握、应用）
CSS背景色 、背景图、字体、文字、列表、表格、内容
（9） CSS盒子模型（掌握）
盒子模型简介、块级元素和行内元素、盒子模型属性
（10）CSS布局（掌握、应用）
布局基本概念思想、float属性使用、clear属性、overflow属性、定位（相对、绝对、固定）
（11） CSS 兼容性处理（了解）
CSS Hack

2、HTML5和CSS3开发基础与应用

（1）HTML5简介（了解）
（2）HTML5新增元素（掌握、应用）
文档结构元素、文本格式化元素、页面增强元素、多媒体元素
（3）表单控件新增属性（掌握、应用）
placeholder和required、multiple、form、formaction、formmethod、formenctype、formtarget、autocomplete、autofocus、pattern、novalidate、maxlength和Wrap、datalist、output.
（4）CSS3新增选择器（掌握、应用）
兄弟选择器、属性选择器、伪类选择器、伪元素选择器
（5）CSS3新增属性（掌握、应用）
颜色、字体、盒阴影、背景、圆角、动画、渐变、过渡、多列、弹性盒模型、2D、3D的功能
HTML5简介

1. HTML5是超文本标记语言(Hyper Text Markup Language)的第五代版本。
2. 2014年10月28日，W3C组织公开发布HTML5标准规范。
3. HTML5针对大量不规范的HTML文档，做到了良好的兼容性。

HTML5和HTML4的区别

1. DTD 的变化：因为HTML4.01基于SGML，HTML5不基于SGML。
2. HTML5 的语法变化<br />
   – 某些元素可以省略结束标签 （<p> <li> <dt> <dd> 等）
   – 没有结束标签的元素 (<br> 等）
3. 属性值可以不用引号括起来
4. 标签不再区分大小写
5. 某些标志性的属性可以省略属性值，通常为 boolean 类

HTML5 的优势

6. 解决跨浏览器，跨平台问题
7. 增强了 web 的应用程序（比如以前用 Flash 来播放视频，现在直接使用 HTML5 来播放视频，使得手机网页也能看视频）

HTML5废弃的标签

8. big center font frame frameset noframes

HTML5新增的元素

1. <header>用于定义文档或节的页眉
2. <footer>用于定义文档或节的页脚
3. <article>用于定义文档内的文章
4. <section>用于定义文档中的一个区域（或节）
5. <aside>用于定义与当前页面或当前文章的内容几乎无关的附属信息
6. <nav>用于定义页面上的导航链接部分
7. <audio>定义声音，比如音乐或其他音频流
8. <video>定义视频，比如电影片段或其他视频流
9. <mark>用于定义高亮文本
10. <time>用于显示被标注的内容是日期或时间（24 小时制）
11. <progress> 用于表示一个进度条
12. <figure>用于定义一段独立的引用，经常与说明(caption)
    配合使用，通常用在主文中的图片，代码，表格等。
13. <figcaption> 用于表示是与其相关联的引用的说明/标题，用于描述其父节点
14. <figure>元素里的其他数据。
15. <hgroup>用于对多个<h1>~<h6>元素进行组合

HTML5新增的type类型
color number email

1. time 生成一个时间选择器
2. datetime 生成一个 UTC 的日期时间选择器
3. datetimelocal 生成一个本地化的日期时间选择器
4. date 显示一个日期输入区域，可同时使用日期选择器，结果值包括年、月、日，不包括时间。谷歌识别

HTML5新增的表单属性

1. placeholder 主要用在文本框，规定可描述输入字段预期值的简短的提示信息
2. autofocus 当为某个表单控件增加该属性后，当浏览器打开这个页面， 这个表单控件会自动获得焦点
3. list 为文本框指定一个可用的选项列表，当用户在文本框中输 入信息时，会根据输入的字符，自动显示下拉列表提示，供用户从中选择
4. pattern 用于验证表单输入的内容，通常 HTML5 的 type 属性，比如email、tel、 number、url 等，已经自带了简单的数据格式验证功能了，加上 pattern 属性后， 验证会更加高效
5. required 必需在提交之前填写输入字段
6. spellcheck 拼写检查，为<input>、<textarea>等元素新增属性
7. multiple 一次上传多个文件
8. maxlength<textarea> 新增<br />maxlength：用于规定文本区域最大字符数。
9. wrap：是否包含换号符（soft/ hard）