H5
来源:互联网 发布:php xpath 抓取内容 编辑:程序博客网 时间:2024/05/01 08:56
前言:H5也就是HTML的第五版本,HTML5。术语是:Hyper Text Markup Language懂点英语的都知道,翻译过来就是超文本标记标签语言。这样子懂英文和不懂英文的都知道HTML的术语名称了。
首先我们要了解HTML这门语言是用来做什么的?
所谓的超文本标记标签语言(也可以称标签为特定指令),就是除了标记标签语言之外的超文本。那什么是超文本呢?各位看官不知知道否?超文本就是除了文字以外要显示在网页上的图片,视频,音频。当你想做网页的时候,你怎样才能让浏览器去识别你敲得代码。HTML就是你们之间沟通的桥梁。你只有通过HTML超文本标记标签语言,遵守它的W3C标准,浏览器才能在网页上显示你的代码转变的结构。所以HTML的作用就是让浏览器识别前端代码。一个前端必会的三种技能之一,HTML,CSS,JS。同时也是网络三大基石之一HTML,HTTP(超文本传输协议),URL(统一资源定位符)。看到这,各位看客也应该都知道HTML的原理了。
做前端的首先要考虑的是浏览器的兼容性,一旦浏览器不兼容你写再多的代码也是白搭。还好H5兼容大部分浏览器,也就大致上不存在兼容性的问题。
接下来我们要了解H5和H4的差异性。
相对于H4,H5的语法更为简洁。比如文档类型声明,html标签,meta标签,script标签等等。一个简单的网页结构分为两个部分,一个是head,一个body。head标签里又有6个子标签:title,meta,base,script,style,link。
在语法上,H5之前的音频视频都是靠插件才能实现的,而H5新增加的<vedio>,<audio>两个标签就解决了这个问题,不需要任何插件就能够实现播放视频,音频功能,大大提高开发简洁性,可读性,效率大大提高。
在网页的结构上,H5增加了<header><footer><section><article>等标签,明确表示网页的结构而又提高了网页的可读性,这样搜索引擎就能轻易抓取到网页的重点,提高seo(搜索引擎优化)。
有增加肯定就有淘汰的,在H5中也废除了一些标签,比如:<font><big><u>等等,这些标签都是笔者在13年大学的时候亲身学的。那时候接触前端的时候懵懵懂懂的,觉得好神奇。如今已被淘汰了。科技是在进步的,必然是知识在进化。
一个网页的表单功能是很重要的,不出意料,H5对表单<form>也是很看重的,添加了许多标签和新属性。
更为神奇的是,H5新增加的<canvas>能够绘制图形在页面上通过和JavaScript的搭配。
H5提供了多种API,比如:web SQL Database让设计者可以脱机访问客服端client的数据库。
- h5
- h5
- h5
- H5
- H5
- h5
- h5
- h5
- h5
- H5
- H5
- H5仿吴亦凡参军H5
- h5页面
- H5 start
- H5 localStorage
- h5画圆
- Android H5
- H5规范
- 环形链表插值题
- 代理模式
- Android N Audio: Audio Track play
- Java获取当天剩余时间的几种方法
- KMP模式匹配
- H5
- opengl 学习笔记1
- printf函数详解
- python2与python3的区别
- html显示Base64图片
- C++ 数组首地址 + 数组长度 作为函数形参 & 数组传参的方式 & 堆中创建的数组的访问
- 欢迎使用CSDN-markdown编辑器
- Matlab Coding Tricks
- [Scrapy]爬取糗事百科段子