• HTML5初探 基本的HTML5模版


    用HTML5已经有一段时间了,却没有时间来个系统的学习。最近开始准备系统地学习HTML5,顺便开博写些自己学习的心得。首先看下HTML5的基本模版吧,从基本结构的定义上就看到HTML5的基本模版更加简洁,没有那些繁琐的DTD定义,仅仅用一条<!DOCTYPE HTML>就定义了HTML5的标准,而仅仅一个<meta charset="utf-8">就定义了文档的字符编码。细心的同学肯定发现为什么是<meta charset="utf-8">,而不是<meta charset="utf-8" />呢? 这个闭合标签的符号咋就没有了呢? 这在上一个标准中是不符合的规则的,也是不是WEB标准哦,而就是这样简洁的风格就是现在版本HTML5语法,我们先看基本模版再来细谈这些。

    下面看看HTML5的基本模版吧,顺便比较一下与之前的版本

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>

    <body>
    </body>
    </html>

    XHTML1.1的基本模版

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>

    <body>
    </body>
    </html>

    HTML4的基本模版

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>无标题文档</title>
    </head>

    <body>
    </body>
    </html>

    如今的HTML5的模版最大的一大改观就是简洁,看看之前的定义,都带有版本号,而现在的HTML5却没有版本号了。

    HTML5验证方面完全忽略了语法风格,只在编码错误导致终止文件运行时才报错。所以上面说到的斜杠闭合标签省略也是此理啊。在XHTML中所有标签都需要闭合,其中包括元素外闭合(例如:</html>)和元素内闭合就是斜杠。而HTML5中你仍可以使用这种语法,但HTML5中更提倡"简洁",你可以元素内闭合标签后面的斜杠,这样看起来更加简洁。而大多数元素外的闭合标签也可以省略掉,但如果该标签嵌套为空的话,就还是需要一个相应的结束标记的。

     同时HTML5中对标签的大小写也不是那么严禁,而对于布尔属性(disable,enable等)也可以不指定值。

    今天就到此为止,明天继续HTML5标签学习。

    想查看我的更多文章你可以点击这里: 前端学习日志,如果你和我一样喜欢足球和喜欢玩足球类的游戏,你可以点击这里:绿茵吧
  • 相关阅读:
    算法笔记--中国剩余定理
    算法笔记--辛普森积分公式
    算法笔记--数学之不定方程解的个数
    算法笔记--卢卡斯定理
    洛谷 P3808 【模板】AC自动机(简单版)洛谷 P3796 【模板】AC自动机(加强版)
    hihocoder #1419 : 后缀数组四·重复旋律4
    codevs 3044 矩形面积求并 || hdu 1542
    Stamps ans Envelope Sive UVA
    洛谷 P2061 [USACO07OPEN]城市的地平线City Horizon
    bzoj 3277: 串
  • 原文地址:https://www.cnblogs.com/hongcaomao/p/2377825.html
Copyright © 2020-2023  润新知