今天小编要跟大家分享的文章是关于学习web前端要了解的HTML5知识有哪些?随着智能手机、平板电脑等移动终端设备越来越普及,用户在移动端花的时间也越来越长。H5开始火热起来,以文字、图片、动画、声音等相结合的自媒体出现,给用户带来了全新体验,技术本身带来的新奇感让人们心生向往。正在学习web前端知识的小伙伴们下面我们就来聊一聊H5入门的一些知识吧!
一、什么是H5?
H5即HTML5,是指“HTML”的第5个版本,而“HTML”,则是指描述网页的标准语言。因此,HTML5,是第5个版本的“描述网页的标准语言”。
二、H5特性
H5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。
三、H5 中的一些有趣的新特性:
· 用于绘画的 canvas 元素
· 用于媒介回放的 video 和 audio 元素
· 对本地离线存储的更好的支持
· 新的特殊内容元素,比如 article、footer、header、nav、section
· 新的表单控件,比如 calendar、date、time、email、url、search
四、H5的改进:
· 新元素
· 新属性
· 完全支持 CSS3
· Video 和 Audio
· 2D/3D 制图
· 本地存储
· 本地 SQL 数据
· Web 应用
五、H5语义元素
允许您设置一段文本,使其脱离其父元素的文本方向设置。
定义对话框,比如提示框
定义带有记号的文本。
定义 ruby 注释(中文注音或字符)。
六、H5浏览器支持
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。
IE9 以下版本浏览器兼容HTML5的方法
载入后,初始化新标签的CSS:
/*html5*/article,aside,dialog,footer,header,section,nav,figure,menu{display:block}
七、 H5代码规范
1. HTML5 元素名可以使用大写和小写字母。
但推荐你使用小写字母:
· 混合了大小写的风格是非常糟糕的。
· 开发人员通常使用小写 (类似 XHTML)。
· 小写风格看起来更加清爽。
· 小写字母容易编写。
2. 在 HTML5 中, 你不一定要关闭所有元素 (例如
元素),但建议你每个元素都要添加关闭标签。
3. HTML5 属性值可以不用引号。
属性值我们推荐使用引号:
· 如果属性值含有空格需要使用引号。
· 混合风格不推荐的,建议统一风格。
· 属性值使用引号易于阅读。
4. 图片通常使用 alt 属性。在图片不能显示时,它能替代图片显示。
5. 等号前后可以使用空格。
6. 使用 HTML 编辑器,左右滚动代码是不方便的。
每行代码尽量少于 80 个字符。
7. 不要无缘无故添加空行。
为每个逻辑功能块添加空行,这样更易于阅读。
缩进使用两个空格,不建议使用 TAB。
比较短的代码间不要使用不必要的空行和缩进。
8. 样式表使用简洁的语法格式:
· 将左花括号与选择器放在同一行。
· 左花括号与选择器间添加一个空格。
· 使用两个空格来缩进。
· 冒号与属性值之间添加一个空格。
· 逗号和符号之后使用一个空格。
· 每个属性与值结尾都要使用分号。
· 只有属性值包含空格时才使用引号。
· 右花括号放在新的一行。
· 每行最多 80 个字符。
以上就是小编今天为大家分享的关于学习web前端要了解的HTML5知识有哪些的文章,希望本篇文章能够对正在从事web前端工作或者学习的小伙伴们有所帮助。想要了解更多web前端知识记得关注web培训官网。最后祝愿小伙伴们工作顺利!
【免责声明:本文图片及文字信息均由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除。】
咨询课程
咨询课程
咨询课程
咨询课程
咨询课程
咨询课程
对于前端的人来说,想要入门Web前端技术,首先要了解的当然是Web前端有哪些知识点是必须掌握的。从前端产生到现在,已经从简陋的HTML,CSS,JavaScript三把刷子做出来静态网页的时代,发展到现在视觉效果酷炫,适用终端广泛,开发手段丰富多样的更广阔的发展时代。HTML、CSS,JavaScript是学习前端的基础,特别是JavaScript,我们对前端基础的掌握程度,极大程度上体现在对JavaScript的掌握程度上。所有的浏览器引擎运行的脚本语言都是JavaScript,我们使用的框架也是用JavaScript开发的。此外,我们还需要学习运行的机制和原理。不仅是框架的原理,也还包括JavaScript语言和浏览器引擎的原理。高级前端工程师对于框架和语言的理解绝不会停留于了解API的层面上,需要深入到了解内部原理和运行机制的层面上。
招聘网站每天空缺职位达17000+ 全国平均薪资13000元起
越来越多的企业开始关注用户体验对于产品的重要性,使得Web前端工程师专业人才严重紧缺,从招聘网站需求量可以看出,Web前端开发人员供不应求。
专业人才严重紧缺专业的Web前端工程师前景广阔,并且随着工作经验的不断积累,Web开发工程师薪资涨幅明显,未来发展趋势大好。
为什么要选择HTML5大前端?门槛低、便于入门,首先前端是由HTML和CSS组成,当然还有JavaScript,像Java、Python等,刚开始学习都是基于控制台的,各种语法,学起来相对枯燥无味,对没有耐心的人来说坚持不易,所以那些想转行的人如果自身文化水平不高的话,当然会选择一个相对来说简单的去学,前端就是一个很不错的选择,能起到立竿见影的效果,近几年前端发展非常快,各种框架层次不穷,从浏览器的脚本发展到了服务器端的脚本,用NodeJS就能写服务器,同时触角也深入到了移动端,比如用React Native就能写APP,小程序,H5的小游戏等等...
免费为您提供优质的机构
稍后会有专业老师给您回电,请保持电话畅通
易达招生网@版权所有 豫ICP备12014175号
本站文章由用户自行上传发布,如有侵权内容请及时联系我们删除。