HTML5学习—HTML5基础

最新推荐文章于 2024-08-22 22:25:28 发布

ycflymoon

最新推荐文章于 2024-08-22 22:25:28 发布

阅读量588

点赞数

分类专栏：学习心得

本文链接：https://blog.csdn.net/u011229269/article/details/88722586

版权

13 篇文章 0 订阅

订阅专栏

HTML5文档省略了<html>、<head>、<body>等元素，使用HTML5的DOCTYPE声明文档类型，简化<meta>元素的charset属性值，省略<p>元素的结束标记，使用<元素/>的方式来结束<meta>元素，以及<br>元素等语法知识要点。例如：

<!DOCTYPE html>
<meta charset="UTF-8">
<title>HTML5基本语法</title>
<h1>HTML5的目标</h1>
<p>HTML 5的目标是为了能够创建更简单的Web程序，书写出更简洁的HTML代码。
<br/>

与HTML4相比，HTML5在语法上发生了很大的变化。为了确保兼容性，HTML5根据web标准，重新定义了一套在现有HTML基础上修改而来的语法，以便在各浏览器上运行HTML的时候能够符合通用标准。

HTML5的文件扩展名和内容类型保持不变。例如，扩展名仍为".html"或".htm"，内容类型(ContentType)仍为"text/html"。

DOCTYPE命令声明文档的类型，它是HTML文档必不可少的组成部分，且必须位于代码的第一行。HTML5对文档类型和字符说明都进行了简化。

在HTML4中，文档类型的声明方法如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w1.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

在HTML5中，刻意不使用版本声明，一份文档将会适用于所有版本的HTML。例如：

<!DOCTYPE html>

在HTML5中，DOCTYPE声明方式是不区分大小写的，引号也不区分单引号还是双引号。

在HTML4中，使用meta元素定义文档的字符编码，例如：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

在HTML5中，继续沿用meta元素定义文档的字符编码，但是简化了charset属性的写法：

<meta charset="utf-8">

对于HTML5来说，上述两种方法都是有效的。但是不能同时混用两种方式。

在HTML5中，元素的标记可以省略。具体来说，元素的标记分为3种类型：不允许写结束标记、可以省略结束标记、开始标记和结束标记全都可以省略。

（1）不允许写结束标记的元素：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。

（2）可以省略结束标记的元素：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。

（3）可以省略全标记的元素：html、head、body、colgroup、tbody。

对于具有boolean值的属性，如disabled与readonly等，当只写属性而并不指定属性值时，表示属性值为true；如果想要将属性值设为false，可以不使用该属性。另外，想要将属性值设为true时，也可以将属性名设定为属性值，获将空字符串设定为属性值。

属性值两边既可以用双引号也可以用单引号。HTML5在此基础上做了一些改进，当属性值不包括空字符串、<、>、=、单引号、双引号等字符时，属性值两边的引号可以省略。例如：

<input type="text">
<input type='text'>
<input type=text>