Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie benutzerdefinierte HTML-Tags

So verwenden Sie benutzerdefinierte HTML-Tags

高洛峰
高洛峰Original
2016-11-16 11:53:451710Durchsuche

Definieren Sie benutzerdefinierte Tags, indem Sie den Namen des HTML-Namespace angeben. Einige der Standard-Tags p div usw. befinden sich unter dem Standard-Namespace von HTML. Benutzerdefinierte Tags können unter einem benutzerdefinierten Namespace platziert und über xmlns: Namespace-Name angegeben werden. Benutzerdefinierte Tags müssen einen Namespace-Namen haben und beim Festlegen von Stilen „Namespace-Name: Tag-Name“ verwenden

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns:ownhtml>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        ownhtml\:customdiv{
            font-size: .36rem;
            font-weight: bold;
            color:red;
        }
        p{
            color: green;
        }
    </style>
</head>
 <body>
  <!--
  通过指定html命名空间的名字来定义自定义标签;默认的一些标签p div等都在html默认的命名空间下。而自定义的标签可以放在自定义的命名空间下,可通过xmlns:命名空间名 来指定,而自定义标签需要带命名空间名,而在设置样式的时候使用 " 命名空间名\:标签名  "
  -->
    <ownhtml:customdiv class="custom">this is a custom element!</ownhtml:customdiv>
 
    <p>this is normal text</p>
</body>
</html>
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn