总站首页 | 合作模式 您好,欢迎访问易达招生网,希望本篇文章能够给您带来帮助!

电话咨询 在线客服 预约试听

易达招生网 > 动态汇总 > WEB前端培训机构> 南京十大网站设计培训班排名

南京十大网站设计培训班排名
WEB前端培训机构 2021-10-13 09:43:24 254

IT培训学院

学习web前端要了解的HTML5知识有哪些?

今天小编要跟大家分享的文章是关于学习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语义元素

定义页面*的内容区域。

允许您设置一段文本,使其脱离其父元素的文本方向设置。

定义命令按钮,比如单选按钮、复选框或按钮

用于描述文档或文档某个部分的细节

定义对话框,比如提示框

标签包含 details 元素的标题

规定*的流内容(图像、图表、照片、代码等等)。

定义

元素的标题

定义 section 或 document 的页脚。

定义了文档的头部区域

定义带有记号的文本。

定义度量衡。仅用于已知最大和最小值的度量。

定义任何类型的任务的进度。

定义 ruby 注释(中文注音或字符)。

定义字符(中文注音或字符)的解释或发音。

在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。

定义文档中的节(section、区段)。

规定在文本中的何处适合添加换行符。

六、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培训官网。最后祝愿小伙伴们工作顺利!

【免责声明:本文图片及文字信息均由小编转载自网络,旨在分享提供阅读,版权归原作者所有,如有侵权请联系我们进行删除。】

IT培训学院

优就业大前端课程

  • IT培训学院

    HTML5+CSS3

    咨询课程

  • IT培训学院

    JS交互设计

    咨询课程

  • IT培训学院

    Node开发

    咨询课程

  • IT培训学院

    前端框架

    咨询课程

  • IT培训学院

    小程序+数据可视化

    咨询课程

  • IT培训学院

    就业指导+项目提升

    咨询课程

对于前端的人来说,想要入门Web前端技术,首先要了解的当然是Web前端有哪些知识点是必须掌握的。从前端产生到现在,已经从简陋的HTML,CSS,JavaScript三把刷子做出来静态网页的时代,发展到现在视觉效果酷炫,适用终端广泛,开发手段丰富多样的更广阔的发展时代。HTML、CSS,JavaScript是学习前端的基础,特别是JavaScript,我们对前端基础的掌握程度,极大程度上体现在对JavaScript的掌握程度上。所有的浏览器引擎运行的脚本语言都是JavaScript,我们使用的框架也是用JavaScript开发的。此外,我们还需要学习运行的机制和原理。不仅是框架的原理,也还包括JavaScript语言和浏览器引擎的原理。高级前端工程师对于框架和语言的理解绝不会停留于了解API的层面上,需要深入到了解内部原理和运行机制的层面上。

岗位需求大,“钱”途不可估量

招聘网站每天空缺职位达17000+ 全国平均薪资13000元起

  • 各大招聘网站Web岗位需求量

    越来越多的企业开始关注用户体验对于产品的重要性,使得Web前端工程师专业人才严重紧缺,从招聘网站需求量可以看出,Web前端开发人员供不应求。

  • 各城市Web平均薪资统计图

    专业人才严重紧缺专业的Web前端工程师前景广阔,并且随着工作经验的不断积累,Web开发工程师薪资涨幅明显,未来发展趋势大好。

为什么要选择HTML5大前端?门槛低、便于入门,首先前端是由HTML和CSS组成,当然还有JavaScript,像Java、Python等,刚开始学习都是基于控制台的,各种语法,学起来相对枯燥无味,对没有耐心的人来说坚持不易,所以那些想转行的人如果自身文化水平不高的话,当然会选择一个相对来说简单的去学,前端就是一个很不错的选择,能起到立竿见影的效果,近几年前端发展非常快,各种框架层次不穷,从浏览器的脚本发展到了服务器端的脚本,用NodeJS就能写服务器,同时触角也深入到了移动端,比如用React Native就能写APP,小程序,H5的小游戏等等...

易达招生网@版权所有 豫ICP备12014175号

本站文章由用户自行上传发布,如有侵权内容请及时联系我们删除。