前端必会,新手读懂HTML5看这篇

大部分朋友既然想要入门前端,一定都刷到过前端的基础理论HTML+CSS,也一定听过H5这个词,太多的媒体在讨论这一技术。HTML针对于前端的重要性不必再详细阐述,那么你知道H5是什么吗,相比于HTML有何不同之处呢?针对这些问题,这篇文章可以给出你解答。

1、HTML5介绍

HTML5HTML最新的修订版本,201410月由万维网联盟(W3C)完成标准制定。HTML5是跨平台的,被设计为在不同类型的硬件(台式计算机、平板计算机、手机、电视机等)上运行的语言。那HTML是什么呢?HTMLHyperText Markup Language(超文本标记语言)的缩写,它是用于创建网页的标准标记语言,是用来描述网页的一种语言,它不是编程语言,而是一种标记语言。

2、全新的HTML

很明显,这个标题的意思是说HTML5是全新的HTML,那么HTML5作为HTML最新的修订版本,相比于HTML4新在何处呢?

(1)新的语法结构

更简单的doctypeHTML5中众多新特征之一。在HTML5中,头部只需要写<DOCTYPEhtml>即可。HTML5的语法兼容HTML4XHTML1,但不兼容SGML

HTML5文档的基本结构,代码示例如下:

(2)新的语义化标签

新增加的语义化标签(如<header><footer><section>等)使得网页的可读性变得更高,也更加明确地表示出网页的结构,对于搜索引擎优化(SEO)有很大帮助。

(3)新的媒体标签

新的<audio><video>标签可以用来嵌入音频文件和视频文件。这些标签的使用让网页播放音频、视频更加方便。

4)新的表单设计

新的<audio><video>标签可以用来嵌入音频文件和视频文件。这些标签的使用让网页播放音频、视频更加方便。

总的来说,相比于之前,运用HTML5设计网页肯定更加方便、简单,使用HTML5设计的网页也会更美观、新颖,并且它在语法上与HTML4也是兼容的。

3、HTML5常见的块级标签和行级标签

掌握常见的块级标签和行级标签对于提高网页代码编写时的规范性有非常重要的作用,HTML5常用的块级元素如下图所示:

HTML5常用行级元素请看这条链接:

https://docs.qq.com/mind/DSmVKVmNPYWh4TFNw

恭喜你,看到这儿,你已经基本了解了HTML5的基础入门知识、常见的块级标签和行级标签。当然,这只是基本介绍,想要真正学好HTML5,学好前端,还要结合其他各类资料图书、视频等资源进行学习,并加以实战演练,养成良好的编码习惯。毕竟光说不练假把式,光靠碎片化阅读,时不时刷刷视频还不够,必须得有长期的固定的正确的练习才行。