HTML5时代降临

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个:

  1. 对浏览器负责。将内容交予浏览器进行结构解析,方便呈现内容
  2. 将浏览者负责。将内容进行标注,强化显示等操作,方便突出重点

但是,时代不同了,因为随着google,百度等搜索引擎的发展,html除了照顾浏览器和用户之外,额外需要对自动化采集程序(搜索引擎)进行额外的支持,以便于网站可以很好的被搜索引擎收录以提升排名,所以早期也催生了早期的浏览器SEO这样技术的出现。

SEO: Search Engine Optimization 即搜索引擎优化

随着互联网技术的发展,IT硬件的性能提升,网络带宽的提速等各种因素的叠加,用户对网页/前端的要求也越来越高,程序开发人员对技术支持的要求提升,buff叠满了,质变就出现了。

  1. 语义化标签:搜索引擎需求对页面内容的意义解析,所以语义化标签出现了
  2. 原生音视频:浏览器/平台对系统的性能有了要求,舍弃了flash等插件,所以浏览器要原生支持
  3. CSS3新特性:开发者对于早期技术的不满导致的开发成本和难度提升,所以CSS3添加了大量的新技术例如:
    • animate动画
    • translate过渡
    • transform变换
    • flex布局
    • 新的盒子模型
    • 各种便捷选择器
    • 媒体查询等
  4. 其他原生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标签,但是单标签自封闭的

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值