Home > Article > Web Front-end > How to use html custom tags
How to use html custom tags
- 高洛峰Original
- 2016-11-16 11:53:451711browse
Define custom tags by specifying the name of the html namespace; some of the default tags p div, etc. are under the default namespace of html. Custom tags can be placed under a custom namespace, which can be specified through xmlns: namespace name. Custom tags need to have a namespace name, and use "namespace name: tag name" when setting styles.
<!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>Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Canvas draws rotating graphicsNext article：Canvas draws rotating graphics