📜  如何将标签从 HTML4 迁移到 HTML5?

📅  最后修改于: 2022-05-13 01:56:28.254000             🧑  作者: Mango

如何将标签从 HTML4 迁移到 HTML5?

在本文中,我们将看到从 HTML4 迁移到 HTML5 的各种标签,以及了解它们在 HTML5 中引入的替代标签及其描述和实现。 HTML5 不再支持几个标签,取而代之的是,它在这些标签的替代品中引入了新标签。例如,为了添加一个带有粗体文本的标题,在段落的开头,我们需要声明包含带有标题的 id 的 div 并相应地声明所需的 CSS 属性来制作标题。现在,可以使用

标记完成相同的任务,这使得整个任务变得简单易行。此类标签还有很多,如下所述:

HTML4

 HTML5

Description

 

The

tag in HTML is used to define the header for a document or a section as it contains the information related to the title and heading of the related content.

The

The

tag in HTML is used to define a footer of HTML document

The

tag defines the section of documents such as chapters, headers, footers or any other sections. The section tag divides the content into section and subsections

 

The

tag is one of the new sectioning element in HTML5. The HTML
tag is used to represent an article

HTML5 比 HTML4 有更多的特性:

  • 几个旧的 HTML 标记已在 HTML5,例如
    标签
  • HTML5 带有一些新的标签,如
    ,可用于设计网页的主体和在页面末尾添加基本页面细节,使网页更具可读性引擎。使用 & 是可选的,取决于设计特定页面的用途。
  • 一些属性已被弃用,现在通过使用CSS属性来完成。例如,在HTML4 中,我们通常在 HTML 代码中使用带有标记的宽度或高度或颜色属性。现在在 HTML5 中,我们可以通过用它们的值指定宽度、高度和颜色属性来用样式属性替换它们,这将在相同的输出下工作。
  • HTML5 有用于将媒体添加到网页中,还支持 < canvas>标签以及SVG内容的集成。这些标签或元素使整体工作变得容易,同时无需使用第三方插件即可处理网络上的多媒体和图形内容。
  • 有关更多此类功能的详细信息,请参阅 HTML5 的十大新功能一文。我们将通过代码示例了解它们的区别。

    示例:此示例描述了 HTML5 中新标签的实现。

    HTML
    
    
      
    
        
        
        
        
        HTML 5 Tags
    
      
    
        
        
            
                

    GeeksforGeeks

                

    Welcome to GeeksforGeeks Learning platform

            
        
      


    HTML
    
    
      
    
        
        HTML4 Tags
        
    
      
    
        
        
              

    here will go content of web page

           
        


    输出:

    HTML5 中使用的标签

    示例:此示例描述了 HTML4 中标签的实现。

    HTML

    
    
      
    
        
        HTML4 Tags
        
    
      
    
        
        
              

    here will go content of web page

           
        

    输出:

    HTML4 中使用的标签