你应该知道的 5 大 HTML 技巧

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

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

html

    
        
        
    
    
        

        
GeeksforGeeks
        Color picker in input filed: 
        
        
    

• 输出：

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

html

    
        
        
        
    
    
        

        
GeeksforGeeks
        Document will refresh after 10sec
        
    

• 输出：

• 主题颜色变换器：这个技巧是为了改变你网站的主题颜色，通过使用name=”theme-color”属性，但我们必须在content属性中定义颜色代码。这将更改标题栏的颜色并在 android 的 Lollipop 上的最新 Chrome 版本中寻址栏。
  注意：这只适用于移动设备（棒棒糖）。
  • 例子：

html

    
        
        
        
    
    
        

        
GeeksforGeeks
        Theme color changer
        
    

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

html

    
        
        
        
        
    
    
        

        
GeeksforGeeks
        Icon adder
        
    
                   

• 输出：

• 语音识别：此技巧用于在输入字段中添加语音搜索。与谷歌搜索一样，它通过语音识别进行搜索。
  注意：这仅适用于移动设备（仅限 Lolipop 谷歌浏览器）。
  • 例子：

html

    
        
        
    
    
        

        
GeeksforGeeks
        Voice recognition