首页 > 软件开发 > HTML >

如何构建html5文档

来源:互联网 2023-03-16 19:10:43 205

我们在做页面开发的时候接触最多的就是html了,以前用的是html4.0的语言。如今html5已经逐渐的流行起来。那么接触新的页面编程语言第一步就是如何搭建一个文档。下面小编就给大家分享如何构建一个html5的文档,以及html5和html4之间的区别2aR办公区 - 实用经验教程分享!

工具/原料

  • Visual Studio 2017

方法/步骤

  • 1

    首先我们先来回顾一下原来用的html4的文档结构,如下图所示,基本囊括了html中的常用的类型2aR办公区 - 实用经验教程分享!

    如何构建html5文档2aR办公区 - 实用经验教程分享!

  • 2

    接下来我们来看一下html5有了哪些的改变,如下图所示,首先是头做了精简,由原来的一长串变成了一个单独的doctype即可2aR办公区 - 实用经验教程分享!

    如何构建html5文档2aR办公区 - 实用经验教程分享!

  • 3

    然后就是meta标签的改变,在html4中需要声明http-equiv,而html5完全不用,直接声明charset即可,如下图所示2aR办公区 - 实用经验教程分享!

    如何构建html5文档2aR办公区 - 实用经验教程分享!

  • 4

    接下来是导入css文件的方式变更,html4中你需要按如下的方式导入,但是在5中就不需要声明type属性了,如下图所示2aR办公区 - 实用经验教程分享!

    如何构建html5文档2aR办公区 - 实用经验教程分享!

  • 5

    同样的,对于script标签来说,也不需要声明type标签了,如下图所示2aR办公区 - 实用经验教程分享!

    如何构建html5文档2aR办公区 - 实用经验教程分享!

  • 6

    而且如果你要在页面中写脚本也直接写个script标签即可,无需在加type2aR办公区 - 实用经验教程分享!

    如何构建html5文档2aR办公区 - 实用经验教程分享!

  • 7

    综上所述,构建一份html5的文档和原来的基本结构差不多,主要的就是精简了写法,为我们编写网页提供了更大的便捷2aR办公区 - 实用经验教程分享!

  • 7本页面未经许可获取自百度经验
  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!2aR办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码