开发工具：
编辑器：DW（dreamweaver）,subllime, Webstorm,Hbuider , vscode
浏览器： IE（内核是Trident）、火狐（Firefox）（内核是Gecko）、谷歌（Chrome）（内核是Blink）、Safari（内核是Webkit）和Opera（内核也是Blink）等。我们平时称为五大浏览器。
浏览器内核有两部分：
渲染引擎：它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加 入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。
JS引擎：JS引擎则是解析Javascript语言，执行javascript语言来实现网页的动态效果。
Web标准 ：
web标准不是某一个标准，而是由W3C（万维网）和其他标准化组织制定的一系列标准的集合。
主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。
结构标准：结构用于对网页元素进行整理和分类，咱们主要学的是HTML。
表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。
行为标准：行为是指网页模型的定义及交互的编写，咱们主要学的是 Javascript。
好处 ：
1、对于浏览器开发商和 Web 程序开发人员在开发新的应用程序时遵守指定的标准更有利于 web 更好地发展
2、使用web标准，将确保所有浏览器正确显示您的网站而无需费时重写
3、更容易被搜寻引擎搜索
4、降低网站流量费用
5、使网站更易于维护
6、提高页面浏览速度
HTML的骨架格式
<HTML>
<head>
<title></title>
</head>
<body>
</body>
</HTML>1 HTML标签：作用所有HTML中标签的一个根节点。根标签
2 head标签： 文档的头部
文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。注意在head标签中我们必须要设置的标签是title。
3.title标签： 文档的标题
作用：让页面拥有一个属于自己的标题。
4.body标签：文档的主体 以后我们的页面内容 基本都是放到body里面的
body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)
HTML5 的改进
1、新元素 2、新属性 3、完全支持 CSS3 4、Video 和 Audio 5、2D/3D 制图 6、本地存储 7、Web 应用
HTML5 的优点
1、提高可用性和改进用户的友好体验。
2、有几个新的标签，这将有助于开发人员定义重要的内容。
3、可以给站点带来更多的多媒体元素(视频和音频)。
4、可以很好的替代FLASH和Silverlight。
5、将被大量应用于移动应用程序和游戏。
6、可移植性好
HTML5中新增的元素
<canvas >
标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API
HTML5 新的表单属性
(1)、placeholder
占位符 (输入框中灰色的提示)
(2) 、autofocus
获取焦点
autofocus 属性是一个 boolean 属性.
autofocus 属性规定在页面加载时，域自动地获得焦点。
(3) autocomplete
自动完成，用于表单元素，也可用于表单自身
autocomplete 属性规定 form 或 input 域应该拥有自动完成功能。
当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项。
提示: autocomplete 属性有可能在 form元素中是开启的，而在input元素中是关闭的。
注意: autocomplete 适用于 <form> 标签，以及以下类型的 <input> 标签：text, search, url, telephone, email, password, datepickers, range 以及 color。
(4) required
验证条件，必填项
(5) pattern
正则表达式 验证表单
(6) maxlength
最大长度 一般用于text文本属性
(7) Minlength
最小长度一般用于text文本属性
698
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
