html5中的标记方法

最新推荐文章于 2022-03-09 16:49:53 发布

华夏(0.0)战火�

最新推荐文章于 2022-03-09 16:49:53 发布

阅读量277

点赞数

分类专栏：笔记文章标签： html

本文链接：https://blog.csdn.net/weixin_44194491/article/details/108063893

版权

笔记专栏收录该内容

13 篇文章 0 订阅

订阅专栏

html5中的标记方法

内容类型(ContentType)

首先，HTML5的文件扩展符与内容类型保持不变，也就是说，扩展符仍然为".html"或".htm",内容类型(ContentType)仍然为"text/html"
DOCTYPE声明

DOCTYPE声明是HTML文件中必不可少的，它位于文件的第一行。在HTML4中，它的声明方法如下:

<! DOCTYPE html PUBLIC “*-//W3C// DTD XHTML 1.0 Transitional // EN” “html://www.w3.org/TR/xhtml-transitional.dtd”>

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

HTML5中的DOCTYPE声明方法(不区分大小写)如下：

<! DOCTYPE html>

另外，当使用感工具时，也可以在DOCTYPE声明方式中加入SYSTEM标识符，声明方法如下面代码所示:

< ! DOCTYPE HTML SYSTEM “about:legacy-compat”>

在HTML5中像这样的声明方式是允许的(不区分大小写，引号不区分是单引号还是双引号)。
指定字符编码

在HTML4中，像meta元素的形式指定文件中的字符编码，如下所示:

关于html5与html版本的兼容性

html是语法是为了保证与之前的HTML语法达到最大程度的兼容而设计的。

例如：符合“没有

的结束标记”的HTML5中并没有把这种情况作为错误来处理，而是允许存在这种情况，也明确地规定这种情况应该怎么处理。

可以省略标记的元素

在HTML5中，元素的标记可以省略，具体来说，元素的标记分为"不允许写结束标记"、"可以省略结束标记"和"开始标记和结束标记的全部可以省略"三种类型。
- 不允许写结束标记的元素有：area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。
- 可以省略结束标记的元素有：li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。
- 可以省略全部标记的元素有：html、head、body、colgroup、tbody。
说明：“不允许写结束标记的元素"是指，不允许使用开始标记与结束标记将元素括起来的形式，只允许使用”<元素/>"的形式进行书写。

例如:"
…"这种书写方式是错误的,

正确的书写方式为"
"

"可以省略全部标记的元素"是指，该元素可以完全被省略。即使标记被省略了，该元素还是以隐式的方式存在的。例如：将body元素省略不写时，但它在文档结构中还是存在的，可以使用document.body进行访问
具有boolean值的属性

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

属性值的设定方法可以参考下面的代码示例：
省略引号

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

如下面的代码所示:

编写一个html页面

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>HTML 5标记示例</title>
    <p>这段代码是根据html 5 语法 
    <br/>编写出来的。
</head>
<body>
    <!--只写属性不写属性值 代表属性为true-->
    <input type="checkbox" checked>
    <!--只写属性 代表属性为false-->
    <input type="checkbox">
    <!--属性名=属性值，代表属性为true-->
    <input type="checkbox" checkbox="checked">
    <!--属性值=空字符串，代表属性为true-->
    <input type="checkbox" checked="">
</body>
</html>