html怎样自定义标签


本文摘自PHP中文网,作者墨辰?R,侵删。

本篇文章主要介绍html怎样自定义标签,感兴趣的朋友参考下,希望对大家有所帮助。

代码如下:

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

27

28

29

<!DOCTYPE html>

<!-- 通过指定html命名空间的名字来定义自定义标签;

     默认的一些标签p p等都在html默认的命名空间下。

-->

<!-- 第一步:自定义的标签可以放在自定义的命名空间下,可通过xmlns:命名空间名 来指定 -->

<html xmlns:mine>

<head>

    <meta charset="UTF-8">

    <title>自定义标签</title>

    <style>

        /* 第三步: 自定义标签在设置样式的时候使用 " 命名空间名\:标签名  "    */

        mine\:tag {           

        font-size: .36rem;           

        font-weight: bold;           

        color: red;       

        }

 

        p {           

        font-size: 25px;           

        color: chocolate;       

        }

    </style>

    </head>

    <body>

    <p>this is normal text</p>

    <!-- 第二步: 自定义标签需要带命名空间名 " 命名空间名:标签名 " -->

    <mine:tag>this is custom text</mine:tag>

    </body>

</html>

相关推荐:

Vue如何操作html字段字符串转换为HTML标签

如何让数据里html字段转换为HTML标签

带有html标签的字符串转换为HTML标签

以上就是html怎样自定义标签的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

几个Html基础知识点

如何查看Html文件的代码?

vue面试题的介绍(附答案)

Html如何插入图片

Html如何实现网页跳转

Html中的title是什么意思?

Html中相对定位与绝对定位

Html中什么是内联元素?

Html中行内元素与块级元素的区别是什么

Html中的空格符号有哪些

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...