HTML5：核心技术、应用与开发流程详解,

1.什么是HTML5？

1.H5是HTML的第5个版本；

2.H5是一门技术总称。

2.HTML5能做什么？

1.网页开发（用的最多的，只要是浏览器能看到的，都需要用到前端）；

2.小程序，公众号（微信，支付宝，头条等好多都用前端语言进行开发）；

3.Hybrid App(混合应用开发，手机应用 例如，支付宝，淘宝等)；

4.Native App(原生应用开发，例如React Native 等框架的开发）；

5.桌面应用开发（电脑软件）；

6.游戏开发（例如，微信小游戏，其实好多游戏都可以用前端语言进行编写）；

7.后端开发（前端学到的nodejs可以实现后端的开发）。

3.项目开发流程？

1.产品经理 ---确定需求，产出PRD（Product Requirement Document 产品需求文档）、原型图 ；

2.UI设计 --- 根据产品设计效果，产出效果图、标注图（markman或sketch）；

3.前端开发---根据效果图、需求转换成相关代码；

4.后端开发---数据处理，产出接口文档 ；

5.测试---性能测试、安全性测试等。

4.网页的组成部分？

（1）HTML、HTML5

1、HTML 指的是超文本标记语言

(Hyper Text Markup Language) www万维网的描述性语言。

2、HTML5指的是HTML的第五次重大修改（第5个版本）(HTML5 是 W3C与 WHATWG 合作的结果)，H5网络标准统一，可以跨平台，多设备使用，语义化比较强。

（3）组织机构解析

1.W3C( World Wide Web Consortium )万维网联盟，创建于1994年是Web技术领域最具权威和影响力的国际中立性技术标准机构。 W3C (制定了结构(xhtml、xml)和表现(css)的标准，非赢利性的)。

2.ECMA(European Computer Manufactures Association) 欧洲电脑场商联合会。 ECMA制定了行为(DOM(文档对象模型)，ECMAScript)标准。

3.WHATWG网页超文本应用技术工作小组是： 一个以推动网络HTML 5 标准为目的而成立的组织。在2004年，由Opera、Mozilla基金会和苹果这些浏览器厂商组成。

5.文件的命名规范

1.文件命名规则：用英文，不建议使用中文 。

2.名称全部用小写英文字母、数字、下划线_或者-的组合，其中不得包含汉字、空格和特殊字 符；必须以英文字母开头。

3、命名的时候最好使用语义化比较强的英文 。

6.HTML理论基础？

HTML的语法

1、常规标记、双标记

<标记 属性=“属性值” 属性=“属性值”>文字内容

*必须用英文输入

2、空标记、单标记

<标记 属性=“属性值” 属性=“属性值” />

*必须用英文输入

7.HTML相关标签？

HTML常用标签

1.

2.

3.插入图片 （1）

属性：

src = 'url';

alt = ' 标签 实例 带有指定替代文本的图像'

title = '文本提示'

width = ''

height = ''

border = ''

*

用/表示下一级 用../表示返回上一级

在哪个html文 件里写哪个就叫当前文 件

你要找的对象就叫目标文 件

*注意：插入图片自带的有3-5像素左右的间距 解决方法 1,img{vertical-align:top} 2,img{ display:block; }

（2）图片 title 和 alt区别：

alt:

1、alt属性是考虑到不支持图像显示或者图像显示被关闭的浏览器的用户，以及视觉障碍的用户和使用屏幕阅读器的用户。当图片不显示的时候，图片的替换文字。

2、alt属性值得长度必须少于100个英文字符

3、alt属性是img标签的必须属性，如果没有特别意义的图片，可以写alt=""

4、alt属性是搜索引擎判断图片与文字是否相关的重要依据，alt属性添加到img主要的目的才是为了SEO

title:

1、title属性并不是必须的。

2、title属性规定元素的额外信息，有视觉效果，当鼠标放到文字或是图片上时有文字显示。

3、title属性并不作为搜索引擎抓取图片的参考，更多倾向于用户体验的考虑。

4.超链接

< a href=“路径” title=“鼠标悬停上去之后的提示信息” target=“规定在何处打开文档">内容