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 doctype有几种

Html是一种什么

Html怎么设置字体属性

怎样做出Html文本框只读效果

Html元素一般被分为哪两类

Html meta标签的作用是什么?Html meta标签的使用方法介绍

Html thead标签怎么用

Html怎么设置表格高度

Html怎么给span添加颜色

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




打赏

取消

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

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

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

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

评论

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