📜  语义和非语义元素之间的区别

📅  最后修改于: 2021-11-10 04:18:49             🧑  作者: Mango

语义 HTML 元素:
这些元素只是意味着,具有意义的元素。原因是,代码中的定义告诉浏览器和开发人员他们应该做什么。用更简单的话说,这些元素描述了它们应该包含的内容类型。

以下是一些语义元素的列表:

  • 文章
  • 在旁边
  • 细节
  • 无花果
  • 数字
  • 页脚
  • 形式
  • 标题
  • 主要的
  • 标记
  • 导航
  • 桌子
  • 部分

示例:以下程序包含一些语义元素以更好地解释上下文:




    my web page
    


     
           

GeeksforGeeks

           

A Computer Science Portal for Geeks

        
                                                                                                                                                                           
head1head2
A0
B1

输出:

非语义元素:与语义元素不同,它们没有任何意义。他们不告诉任何关于他们包含的内容。它们可以与不同的属性一起使用来标记组共有的语义。

以下是一些非语义元素的列表:

  • div
  • 跨度

例子:
以下代码描述了非语义元素的工作方式:




    my web page
    


    
        GeeksForGeeks
        A computer science portal for geeks     

输出:

语义元素和非语义元素的区别:

Semantic elements Non-Semantic elements
they have meaning they don’t have meaning
they describe how the content within them is supposed to behave they can contain anything
they have specific attributes for their structure ‘class’ attribute can be used to work with their structure