Rumah > hujung hadapan web > html tutorial > html 自定义标签使用实现方法

html 自定义标签使用实现方法

高洛峰
Lepaskan: 2016-11-16 11:53:45
asal
1747 orang telah melayarinya

通过指定html命名空间的名字来定义自定义标签;默认的一些标签p div等都在html默认的命名空间下。而自定义的标签可以放在自定义的命名空间下,可通过xmlns:命名空间名 来指定,而自定义标签需要带命名空间名,而在设置样式的时候使用 " 命名空间名\:标签名  "

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

<!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>

Salin selepas log masuk


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan