HTML概念
H T M L ( H y p e r t e x t M a r k u p L a n g u a g e , 超 文 本 标 记 语 言) 诞 生 于 2 0 世 纪 9 0 年 代 初 。

HTML5诞生
当时的HTML需要负责的事情只有2个:
- 对浏览器负责。将内容交予浏览器进行结构解析,方便呈现内容
- 将浏览者负责。将内容进行标注,强化显示等操作,方便突出重点
但是,时代不同了,因为随着google,百度等搜索引擎的发展,html除了照顾浏览器和用户之外,额外需要对自动化采集程序(搜索引擎)进行额外的支持,以便于网站可以很好的被搜索引擎收录以提升排名,所以早期也催生了早期的浏览器SEO这样技术的出现。
SEO: Search Engine Optimization 即搜索引擎优化
随着互联网技术的发展,IT硬件的性能提升,网络带宽的提速等各种因素的叠加,用户对网页/前端的要求也越来越高,程序开发人员对技术支持的要求提升,buff叠满了,质变就出现了。
- 语义化标签:搜索引擎需求对页面内容的意义解析,所以语义化标签出现了
- 原生音视频:浏览器/平台对系统的性能有了要求,舍弃了flash等插件,所以浏览器要原生支持
- CSS3新特性:开发者对于早期技术的不满导致的开发成本和难度提升,所以CSS3添加了大量的新技术例如:
- animate动画
- translate过渡
- transform变换
- flex布局
- 新的盒子模型
- 各种便捷选择器
- 媒体查询等
- 其他原生API:随着用户对于前端功能需求的提升,但是早期浏览器及html标准并无支持,往往都采用类似于flash的插件实现的功能,为了能够很好丰富前端应用功能,所以浏览器中添加了大量的原生API,例如:
- websocket
- webwoker
- 本地数据库
- 离线存储
- 地理位置定位
- 拖拽API等
到目前为止HTML5已经不再是一个单纯的结构类标签的超文本标记语言的概念,而是集合了 HTML、css、JavaScript、浏览器各种API的一个综合性技术的统称!
浏览器介绍:
浏览器的区别在于其浏览器使用的内核的区别,也就是一样内核的浏览器本质上并没有什么区别,只是外观略有不同而已。浏览器对js及HTML、css的解析都是内核处理的!

浏览器内核分类:
- Trident----IE早期浏览器内核IE4-11
- Gecko----火狐浏览器和其他早期浏览器
- Presto----Opera前内核,目前已废弃,改用Blink内核了
- Webkit----safari浏览器,安卓内置浏览器等
- Blink----Chrome28 以后及目前大部分浏览器包括IE的EDGE
注意:blink内核是webkit内核的一个分支
五大浏览器:
- IE(Trident)/EDGE(Blink)
- 火狐(Gecko)
- chrome(Blink)
- safari(Webkit)
- opera(Blink)
浏览器内核内容:
- 排版渲染引擎-----负责对HTML、CSS的解析工作
- JavaScript引擎----负责对JS的解析工作
- 其他----对HTML5其他标准的支持,如websocket、webworker等API
概念区分
元素是一个整体,包含标签,标签的元素以及标签之间包含的所有内容。
元素: 下面所有内容是一个body元素
<body bgcolor = "red">
这是一个页面
</body>
标签: 他是一个带有<>中的结构
<body> 这是一个body开始标签
</body> 这是一个body结束标签
<body></body> 这是一个body标签,他是成对的
<hr /> 这是一个hr标签,但是单标签自封闭的
912

被折叠的 条评论
为什么被折叠?



