HTML5之自定义标签（之前都没用过这么6的技术）

最新推荐文章于 2024-03-05 10:04:33 发布
最新推荐文章于 2024-03-05 10:04:33 发布
阅读量6.4k 收藏 4
点赞数 3
分类专栏： Css3/html5 web前端 文章标签： web前端 html5 自定义标签 张鑫旭
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014326381/article/details/48028203
版权 


 

 
效果如下： 

 

　　鼠标放上“不要碰我，雅蠛蝶"，内容立马变成了"我说过不要碰我！"
 

这样就能自定义一个属于你自己的标签，是不是非常容易呢？wow，从此麻麻再也不用担心我找不到适合自己的html标签了。
 


 
 

----- 摘录自前端牛人张鑫旭的博客

                

        

        

    




    

      

        

            

              
                
                  前端小白装大神
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    3
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    4
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  8
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
html5自定义video标签的海报与播放按钮功能

				
			

			

				

					11-21
				

			

		

		

			
				
以上这两点都想自定义 二、思路 1.使用div把video标签盖住 2.div中显示自定义的海报图片与按钮 三、步骤分解 1.海报图片作为div的背景 注：无论是横图还是竖图，都希望按原比例显示在div内 css:  .yourDiv{  ...

			
		

	



                

              
                



	

		

			

				
					
HTML5自定义标签元素，自定义标签必须注册吗？浏览器默认样式表

				
			

			

				

					无数_Mirage的博客
				

				

					05-20
					
					1298
					
				

			

		

		

			
				
HTML5自定义标签元素，容易出现的问题，自定义标签必须注册吗？为什么你的自定义标签样式有问题？浏览器默认样式表是什么

			
		

	



                


  
              

                


	

		

			

				
					
html5使用自定义标签,html5 自定义标签 注解

				
			

			

				

					weixin_36306387的博客
				

				

					06-10
					
					313
					
				

			

		

		

			
				
/*html5 自定义标签的使用 html5自定义标签只允许 以 data- 为开头 定义*/   /*functions here*/   function getElementAttribute(elemID) {   var theElement = document.getElementById(elemID);   // 赋值开始  /*js方式给自定义元素赋值*/   ...

			
		

	





	

		

			

				
					
Vue入门教程

					
最新发布

				
			

			

				

					weixin_71366486的博客
				

				

					03-05
					
					813
					
				

			

		

		

			
				
<title>Vue的自定义指令(函数式)</title>-- 导入 vue.js --></style></span></h2><h2>放大10倍的n值是: <span v-big="n">点我n+1

			
		

	



		

			
		



	

		

			

				
					
html5创建自定义标签,在html中创建自定义标签

				
			

			

				

					weixin_31854867的博客
				

				

					06-15
					
					1492
					
				

			

		

		

			
				
创建并使用自定义标签Web Components 标准非常重要的一个特性是，它使开发者能够将HTML页面的功能封装为 custom elements(自定义标签),本篇介绍使用 CustomElementRegistry 来管理我们的自定义标签1. 创建自定义标签class PopUpInfo extends HTMLElement {constructor () {super();// 在此定义...

			
		

	





	

		

			

				
					
html5_自定义标签

				
			

			

				

					Android___vv的博客
				

				

					10-13
					
					680
					
				

			

		

		

			
				
html>
html>
head lang="en">
    meta charset="UTF-8">
    title>title>
    script type="text/javascript" src="angular-1.3.0.js">script>
    script>
        var app = angular.module("myApp",[]);
      

			
		

	





	

		

			

				
					
HTML5标签

				
			

			

				

					weixin_51580642的博客
				

				

					11-16
					
					615
					
				

			

		

		

			
				
一、文本类标签

1、<!DOCTYPE>: 定义文档类型.

2、<html>: 定义HTML文档.

3、<head>: 定义文档的头部.(头部内包含)

(1). `<meta>`: 定义元素可提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词. (2). `<base>`:定义页面上的所有链接规定默认地址或默认目标. (3). `<title>`: 定义文档的标题. (4). `<link>`: 定义文档

			
		

	





	

		

			

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

				
			

			

				

					09-28
				

			

		

		

			
				
xml文件中可以自由的使用自定义标签，html文件中同样可以使用自定义标签，但有几个注意事项：必需设置<html>标签的xmlns属性。例如，可以这样声明：<html xmlns:article>。 这是因为html文件有一个默认...

			
		

	





	

		

			

				
					
HTML5如何添加自定义标签属性(data-自定义属性).zip

				
			

			

				

					01-10
				

			

		

		

			
				
HTML5如何添加自定义标签属性(data-自定义属性).zip

			
		

	





	

		

			

				
					
jsp自定义标签技术(实现原理与代码以及平台搭建步骤)

				
			

			

				

					01-08
				

			

		

		

			
				
所有就有了jsp 的自定义标签技术。 所以jsp的自定义标签技术就是除去jsp的中的java代码。同时封装标签个人感觉也是一种安全性的体现，不让别人知道实现内部的代码。 那个如何实现自定义标签技术呢？ 第一你得搭建一...

			
		

	





	

		

			

				
					
HTML5自定义标签

				
			

			

				

					
				

				

					06-28
					
					395
					
				

			

		

		

			
				
例子网上很多，就不赘述，本文主要讲一些注意事项和用途。
首先，自定义元素是得到支持的，可以放心使用的。
其次，自定义元素是规范的，是需要用“-”分割开，以区别原有标签的。

可以用自定义标签封装一些相对独立的功能组件，通过参数进行控制其使用。

搜索关键词：
1、继承与自定义HTML元素。
2、创建自定义的HTML元素。

转载于:https://www.cnblog...

			
		

	





	

		

			

				
					
html自定义标签的使用

				
			

			

				

					09-28
				

			

		

		

			
				
html自定义标签的开发以及使用中的注意事项

			
		

	





	

		

			

				
					
定义自己的 HTML 标签

				
			

			

				

					qross的博客
				

				

					06-01
					
					3116
					
				

			

		

		

			
				
新版浏览器已经对自定义标签提供了支持，详细参照W3C 标准中关于自定义 HTML 标签相关内容的简单汇总。刚重写了 Popup 标签，本文主要是记录自定义标签过程中的一些注意事项。

			
		

	





	

		

			

				
					
html5列表标签

				
			

			

				

					weixin_44992737的博客
				

				

					06-06
					
					1540
					
				

			

		

		

			
				
html列表标签

			
		

	





	

		

			

				
					
html5 自定义标签 注解

				
			

			

				

					sking_2008的专栏
				

				

					04-22
					
					1058
					
				

			

		

		

			
				
/*html5 自定义标签的使用 html5自定义标签只允许 以 data- 为开头 定义*/  
/*functions here*/  
function getElementAttribute(elemID) {  
var theElement = document.getElementById(elemID);  
// 赋值开始
/*js方式给自定义元素赋值*/  
the

			
		

	





	

		

			

				
					
HTML自定义标签与标签自定义属性

				
			

			

				

					天外有天，人外有人。 专注品质 不断创新 让精益求精成为习惯
				

				

					01-16
					
					2万+
					
				

			

		

		

			
				
大部分浏览器支持自定义HTML标签和为标准标签自定义属性，而且很多浏览器对这两种自定义行为的支持都很直接了当。

自定义HTML标签

在firefox、chrome这种现代浏览器里，自定义标签很简单，就像标准的标签那样写就可以了，而且CSS和JavaScript存取自定义标签和标准标签并无二致。







1

2

3

4

5

6

7

			
		

	





	

		

			

				
					
html 标签的自定义属性

					
热门推荐

				
			

			

				

					Sun
				

				

					06-15
					
					3万+
					
				

			

		

		

			
				
自定义属性是相对于内置属性来说的。



jQuery 方法



方法一：attr()

设置或返回被选元素的属性值。 
语法：



// 获取值
$(&amp;amp;quot;img&amp;amp;quot;).attr(&amp;amp;quot;src&amp;amp;quot;);
// 设置值
$(&amp;amp;quot;img&amp;amp;quot;).attr(&amp;amp;quot;src&amp;amp;q

			
		

	





	

		

			

				
					
HTML自定义标签开发入门实例

				
			

			

				

					sunshinegeorge的专栏
				

				

					10-22
					
					1万+
					
				

			

		

		

			
				
1.写在最前面自定义标签这个词大家不会陌生，但我们接触更多的是自定义JSP标签.本文介绍种自定义HTML标签的方法。在页面设计与布局的过程中，使用这种方法，将大大精简你的页面代码量并使你的代码极具个性，酷到极点.2.具体步骤2.1.声明标签在标签中进行这样的申明：，xmlns即xml name space的缩写。是HTML标记的命名空间属性:一般其声明在元素开始标记的地方。只要在这里申明了我要

			
		

	





	

		

			

				
					
tp5添加自定义的html文件,tp5自定义标签扩展，模块标签使用说明

				
			

			

				

					05-31
				

			

		

		

			
				
要扩展TP5的自定义标签，可以通过扩展系统内置的标签库来实现。首先需要在config目录下的template.php中配置自定义标签库的路径，例如：  ```php 'taglib_pre_load' => 'app\common\taglib\MyTag', ```  然后在app...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 8

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值