📜  HTML5-语法

📅  最后修改于: 2020-10-23 06:11:43             🧑  作者: Mango


HTML 5语言具有一种“自定义” HTML语法,该语法与Web上发布的HTML 4和XHTML1文档兼容,但与HTML 4更为深奥的SGML功能不兼容。

HTML 5没有与XHTML相同的语法规则,在XHTML中,我们需要使用小写标签名称,并引用属性,属性必须具有值并关闭所有空元素。

HTML5具有很大的灵活性,并且支持以下功能-

  • 大写标签名称。
  • 引号对于属性是可选的。
  • 属性值是可选的。
  • 关闭空元素是可选的。

DOCTYPE

较早版本的HTML中的DOCTYPE更长,因为HTML语言基于SGML,因此需要引用DTD。

HTML 5作者将使用简单的语法来指定DOCTYPE,如下所示:

上面的语法不区分大小写。

字符编码

HTML 5作者可以使用简单的语法来指定字符编码,如下所示:


上面的语法不区分大小写。

HTML 5删除了所需的额外信息,您可以简单地使用以下语法-


标签

到目前为止,您正在编写,如下所示:


HTML 5删除了所需的额外信息,您可以简单地使用以下语法-


HTML5元素

HTML5元素使用开始标签和结束标签进行标记。标签之间用尖括号分隔,标签名称之间。

开始标签和结束标签之间的区别在于,后者在标签名称之前包含一个斜杠。

以下是HTML5元素的示例-

...

HTML5标记名称不区分大小写,并且可以全部大写或大小写混合使用,尽管最常见的约定是小写。

大多数元素包含一些内容,例如

包含一个段落。但是,某些元素完全禁止包含任何内容,这些元素被称为void元素。例如br,hr,link,meta等。

这是HTML5 Elements的完整列表。

HTML5属性

元素可以包含用于设置元素各种属性的属性。

一些属性是全局定义的,可以在任何元素上使用,而另一些属性则仅用于特定元素。所有属性都有一个名称和一个值,看起来像下面的示例中所示。

以下是HTML5属性的示例,该示例说明了如何使用值为“ example”的名为class的属性标记div元素-

...

属性只能在开始标记中指定,并且绝不能在结束标记中使用。

HTML5属性不区分大小写,并且可以全部大写或大小写混合使用,尽管最常见的约定是坚持小写。

这是HTML5属性的完整列表。

HTML5文件

为了更好的结构引入了以下标签-

  • section-此标签代表通用文档或应用程序部分。可以与h1-h6一起使用以指示文档结构。

  • 文章-此标签表示文档的独立内容,例如博客条目或报纸文章。

  • 放在一边-此标记表示仅与页面其余部分稍微相关的内容。

  • header-此标签表示部分的标题。

  • footer-此标记表示部分的页脚,并且可以包含有关作者的信息,版权信息等。

  • 导航-此标签表示文档中用于导航的部分。

  • 对话框-此标签可用于标记对话。

  • -此标签可用于将字幕与某些嵌入式内容(例如图形或视频)相关联。

HTML 5文档的标记如下所示:

 
      ... 
    
  
    
      
...
...
...
 
      ... 
    
  
    
      

HTML5 Document Structure Example

This page should be tried in safari, chrome or Mozila.

Once article can have multiple sections

它将产生以下结果-