Html 为什么要使用“;类别=“类”;我什么时候可以使用自己的标签?

Html 为什么要使用“;类别=“类”;我什么时候可以使用自己的标签?,html,class,tags,Html,Class,Tags,我只是想知道为什么我应该使用“class=”identificator而不是我自己的“tag”() 你好!(使用类) .red{color:red;} 你好,这里(使用自己的标签) #红色{颜色:红色;} 对我来说,使用自己的标签要容易得多,因为这样写起来更快。 你能告诉我用第一种/第二种方式做这件事是否有任何消极/积极的方面吗?虽然这在大多数浏览器中都可以,但你的HTML会失去上下文。当一个像搜索引擎(或屏幕阅读器或任何其他查看源代码的程序)这样的应用程序解析你的文档时,一个名为“r

我只是想知道为什么我应该使用“class=”identificator而不是我自己的“tag”()

你好!(使用类)
.red{color:red;}


你好,这里(使用自己的标签)
#红色{颜色:红色;}
对我来说,使用自己的标签要容易得多,因为这样写起来更快。
你能告诉我用第一种/第二种方式做这件事是否有任何消极/积极的方面吗?

虽然这在大多数浏览器中都可以,但你的HTML会失去上下文。当一个像搜索引擎(或屏幕阅读器或任何其他查看源代码的程序)这样的应用程序解析你的文档时,一个名为“red”或“purple”或“job”的标记是什么?它没有上下文,所以你会输。HTML使用一组有意义的预定义标记,您可以冒险离开它,但您将失去每个人立即理解(全部或部分)文档的优势


如果此文档是数据传输框架的一部分,而不是在公共web上,那么您应该查看XML。

您也不应该忘记预定义标记有很多默认属性,而自定义标记没有。因此,除了span之外,您需要重新定义所有元素的所有内容。
此外,一个元素上可以有多个类,因此可以使用
Red

使用document.registerement()创建自定义元素:


您可以删除、更改和在类之间交换来更改元素样式或行为,这是标记所不能做的。
标记是需要类来设置其行为和样式的元素。

使用类有很多优点

  • 首先,对于类,我们使用css样式,它提供了比简单HTML标记多得多的配置选项
  • 我们在一个olace中提供所有的样式和格式,并且只要在我们想要应用这些样式和格式的任何地方调用该类,这在像ERP这样的大型项目中,会在代码大小上产生很大的差异
  • css样式与最新版本的浏览器更兼容,许多旧的HTML格式和样式标记在最新版本的HTML中被弃用
  • HTML标记在不同的浏览器和不同的文档模式下表现不同。css将在任何地方给出相同的结果
  • css类可以一次应用于页面上的所有相关标记,只需在页面顶部的某个位置定义它

  • 我对html之类的东西几乎一无所知,但我想我会支持较旧/较简单的浏览器。因为这在较旧的浏览器上不起作用,对asnwer来说也不是有效的HTMLTank,如果这是唯一的问题,那么我可以接受。@loqan,我能问一下为什么吗?要传输的数据越多,可重用性越低。另一个方面是语义。标签不应该有视觉意义,而是语义意义,它们应该说明内容的性质。这就是为什么像(粗体,一种视觉表现)这样的标签被替换为(强调含义)的原因,也是为什么像和这样的标签被引入的原因。这在屏幕以外的设备上扮演着重要角色,比如为视力受损的人设计的阅读器,颜色和字体没有什么意义。问题不是问javascript。你打算对网站上的每个标签都这样做吗?这在ie8中会有什么作用呢?这并没有回答被问到的问题。它的属性来自于身体。所以我使用标签只是为了简单的编辑,比如右/左边距、字体大小等等。正如我的示例中所清楚看到的那样。正文有颜色和大小,因为我希望页面上的所有文本都采用这种格式,但只剩下一小段需要200像素,所以我使用自己的html标记来标记这部分文本,并使用css进行标记。这个例子更好地说明了这一点
     <span class="red"> Hello there! (using class)</span>
     .red {color: red;}
    
    <div id="reddiv">
    <red>Hello, there (using own tag)</red>    
    </div>
    #reddiv red {color: red;}
    
    var reds = document.registerElement('red');
    document.body.appendChild(new reds());