码迷,mamicode.com
首页 > Web开发 > 详细

html5简介

时间:2017-05-01 19:00:00      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:服务   1.0   视频   不能   3.0   --   移动   标准   任务   

1.web是干什么的?

做网站(网页)

网页上看到的东西叫数据(数据是会变化的);

2010年之后发展起来的,随着移动端的兴起.

2.web发展历史:

web 1.0 :
网页简单,静态页面,服务器人员写的界面;

web 2.0: 页面比较复杂 html4.01

Ajax(阿贾克斯):异步加载数据

Node.js: javascript在服务器端运行,做服务器(后台),性能稳定,可以同时处理许多任务,媲美php.

web 3.0: html5

canvas(画布):画任何东西都可以在网页显示。游戏开发:flybird;

3.网页的开发流程:

1).PM(产品经理):需求调研,发传单,网址问卷调查,头脑风暴;

PM-->写需求开发文档(1周)

PM-->画网站草图

改需求

2).UI(美工,UI设计师):根据PM的草图,设计出网页的样式

3).2 项目主管: 确定开发周期,开发周期延迟一两天(小时数)

4).程序员(开发工程师):根据美工的设计进行网站的开发,写代码

5).测试人员

6.学习web开发学习的内容:

  1).html (网页的骨架) : 人的骨架

  2).css (网页的样式): 让网页美观

  3).javascript(js) (网页的动作:脚本语言)

  框架:把许多重复功能操作的代码都给写到了一个文件里面,节省程序员开发的时间

  js:jQuery,AngularJS,React(js框架)
  css:Bootstrap(网页样式)

  自动化工具:Gulp:代码压缩

  浏览器的内核(渲染引擎):就是让网页显示在该浏览器的时候呈现出什么样子。

  浏览器的兼容:由于渲染引擎的不同

  4).程序员开发的浏览器:
    4.1.Chrome(谷歌浏览器)

    4.2.Firefox(火狐浏览器)

    4.3.IE (最主要的就是兼容IE): Fuck IE

  5).编辑器的使用:

  sass:scss less (写CSS样式的工具,scss比较容易上手,使用$符号,less使用@符号)

  写代码的工具:
  dw(快被淘汰),sublime,webstorm(最后面采用)

7.纯文本文件html

只保存文本的内容,不保存文本的样式(word里面的艺术字,粗体bold斜体italic)

sublime写的,记事本写的

html 也是属于纯文本文件

 1)HTML: Hyper Text Markup Language

  超文本标记语言:

  超文本:网页里面可以进行跳转的文本

  标记: html的标签

  网页的构成: 文本,图片,按钮,文本框,音频,视频

  W3C:万维网联盟,专门为网页的开发制定一系列标准

  结构标准: html

  表现标准: css

  行为标准: js

  2).html里面的一些要点

html里面的符号全部都是英文标点符号

html的标签都是以< 开始的,>结束

html骨架:
doc:document(文档)
type:类型
该文档使用的html规范:html5的规范:结合html4.0和XHTML的规范
标签名可大写,可小写,标准是推荐小写,DOCTYPE大写
<!DOCTYPE html>

8.html的注释:

可以帮助程序员回想起代码是什么意思
<!-- 注释内容 -->
快捷键:ctrl+/

9.标签的关系:

并列关系(兄弟关系):不是嵌套关系就是并列关系

一个标签可以有很多兄弟标签

嵌套关系(父子关系):一个标签还包含其他的标签

一个标签只能有一个父标签

10.在p标签里面一定不能放置h级的标签,浏览器不会将h级标签解析成p标签的子标签

html5简介

标签:服务   1.0   视频   不能   3.0   --   移动   标准   任务   

原文地址:http://www.cnblogs.com/barry1102/p/6792363.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!