你应该知道的 5 大 HTML 技巧

作为开发人员，我们都希望向用户展示有吸引力的东西，这也必须是有用的。在本文中，我们将讨论使您的开发变得愉快的技巧。下面用正确的例子描述了所有的技巧。

HTML 前 5 大技巧和窍门：

• 颜色选择器：这个技巧是用于输入标签中的颜色选择器，您可以将“类型”属性与“颜色”的值为“颜色”来充当输入字段作为颜色选择器。
  • 例子：

    
    
        
            
            
        
        
            
    
            
    GeeksforGeeks
            Color picker in input filed: 
            
            
        
    
    

  • 输出：
• 文档刷新：这个技巧是在提到的时间后自动刷新文档。当不活动影响您的网站时使用它。通过使用http-equiv=”refresh”属性，我们也可以在content属性中定义刷新的时间。
  • 例子：

    
    
        
            
            
            
        
        
            
    
            
    GeeksforGeeks
            Document will refresh after 10sec
            
        
    
    

  • 输出：
• 主题颜色变换器：这个技巧是为了改变你网站的主题颜色，通过使用name=”theme-color”属性，但我们必须在content属性中定义颜色代码。这将更改标题栏的颜色并在 android 的 Lollipop 上的最新 Chrome 版本中寻址栏。

  注意：这只适用于移动设备(棒棒糖)。

  • 例子：

    
    
        
            
            
            
        
        
            
    
            
    GeeksforGeeks
            Theme color changer
            
        
    
    

• Icon adder：这个技巧用于在favicon位置添加图标。您只需要源文件的路径。在 body 标签内包含链接标签，这将在您的图标位置放置一个图标。
  • 例子：

    
    
        
            
            
            
            
        
        
            
    
            
    GeeksforGeeks
            Icon adder
            
        
                        
    

  • 输出：
• 语音识别：此技巧用于在输入字段中添加语音搜索。与谷歌搜索一样，它通过语音识别进行搜索。

  注意：这仅适用于移动设备(仅限 Lolipop 谷歌浏览器)。

  • 例子：

    
    
        
            
            
        
        
            
    
            
    GeeksforGeeks
            Voice recognition