零基础HTML教程(30)--迈入HTML5新时代

1. 从H4时代到H5时代

之前讲的29篇HTML教程,内容基本都是H4时代就有的。

随着时代的发展,H4多少有点不够用,所以H5来了。

H5功能比H4强大,而且更加规范,现在也非常之流行。

所以从本篇开始,我们讲一下H5新增的内容,先来介绍下H5时代的特点吧。

2. 属性值可以不用引号

在H5规范里,元素的属性值可以不加引号:

		<div>
            <!-- 属性值正常是需要加引号的 -->
            <input type="text">
            <!-- H5规范里面,不加也可以 -->
            <input type=text>
        </div>

效果是正常的:
在这里插入图片描述

虽然H5允许这样写,但是还是强烈建议加引号

3. 标签使用大小写均可

在H5规范里面,元素标签既可以使用大写,也可以使用小写:

	<div>
        <!-- 大写是可行的 -->
        <H1>标题</H1>
        <!-- 小写也是可行的 -->
        <h1>标题</h1>
    </div>

效果正常:
在这里插入图片描述

虽然H5允许这样写,但是还是建议用小写

4. 部分属性值可以省略

H5里面部分属性值是可以省略不写的,例如:

		<input type="text" readonly="false">
        <input type="text">

这两种写法,效果相同。属性值不写时,默认属性值为false。

这个我还是建议大家写上,但是看很多大神的代码,好像也有很多不写的,我多少也有点拿不准了,大家各凭喜好吧。

5. 浏览器支持情况

由于安卓和苹果手机出来的时间都比较晚,而且大家换手机都比较勤快。

所以手机端(移动端)浏览器普通对H5的支持非常好,不用担心。

电脑的话,如果是特别老的浏览器,例如IE8,它对H5支持是比较差的,好在现在大家用IE的很少了,当前主流的Chrome、Edge、FireFox、360、搜狗、QQ浏览器等等,对H5的支持都没问题。

6. 小结

HTML5的时代早已到来!

相关推荐

  1. HTML5 元素

    2024-04-27 09:46:04       64 阅读
  2. HTML5 元素

    2024-04-27 09:46:04       28 阅读
  3. HTML5 基础总结

    2024-04-27 09:46:04       68 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-27 09:46:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-27 09:46:04       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-27 09:46:04       82 阅读
  4. Python语言-面向对象

    2024-04-27 09:46:04       91 阅读

热门阅读

  1. 慢生活,慢光阴

    2024-04-27 09:46:04       33 阅读
  2. PyTorch的基本概念及使用场景

    2024-04-27 09:46:04       38 阅读
  3. MAC系统升级问题记录

    2024-04-27 09:46:04       37 阅读
  4. 五一节前的信息系统的安全保障工作

    2024-04-27 09:46:04       30 阅读
  5. springmvc

    springmvc

    2024-04-27 09:46:04      114 阅读
  6. Git常用命令大全

    2024-04-27 09:46:04       37 阅读
  7. Oracle时间函数

    2024-04-27 09:46:04       169 阅读
  8. vue3前端调用后端接口实现分页,搜索

    2024-04-27 09:46:04       29 阅读
  9. 机器学习之sklearn基础教程

    2024-04-27 09:46:04       35 阅读
  10. 浅识数据结构之空间复杂度

    2024-04-27 09:46:04       32 阅读