首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • HTML5-WebSocket實現聊天室示例

    HTML5-WebSocket實現聊天室示例

    在傳統的網頁實現聊天室的方法是通過每隔一段時間請求服務器獲取相關聊天信息來實現，然而html5帶來的websocket功能改變這了這種方式．由於websocket在連接服務器後允許保持連接來進行數據交互，因此服務器可以主動地向客戶端發送相應
    2025-03-13
  • HTML5地理定位_動力節點Java學院整理

    HTML5地理定位_動力節點Java學院整理

    地理位置（Geolocation）是HTML5的重要特性之一，提供了確定用戶位置的功能，借助這個特性能夠開發基於位置信息的應用。今天這篇文章向大家介紹一下HTML5地理位置定位的基本原理及各個瀏覽器的數據精度情況。在訪問位置信息前，瀏覽器都
    2025-03-12
  • 詳解前端HTML5幾種存儲方式的總結

    詳解前端HTML5幾種存儲方式的總結

    總體情況h5之前，存儲主要是用cookies。 cookies缺點有在請求頭上帶著數據，大小是4k之內。主Domain污染。主要應用：購物車、客戶登錄對於IE瀏覽器有UserData，大小是64k,只有IE瀏覽器支持。目標解決4k的大小問題解
    2025-03-12
  • html文字溢出顯示省略字元的兩種常用解決方法

    html文字溢出顯示省略字元的兩種常用解決方法

    方法一：使用CSS溢出省略的方式解決解決效果如下：css程式碼：display: -webkit-box; display: -moz-box; white-space: pre-wrap;
    2025-03-12
  • 淺談html5 video 行動端填坑記

    淺談html5 video 行動端填坑記

    本文介紹了html5 video 行動端填坑記，分享給大家，具體如下：
    2025-03-12
  • canvas簡易繪圖的實作（海綿寶寶篇）

    canvas簡易繪圖的實作（海綿寶寶篇）

    最近在研究canvas，簡單的用canvas繪製了一下卡通人物--海綿寶寶。圖片如下：程式碼如下：<!DOCTYPE html><html><head><meta charset=utf-8 /><title> canvas海綿寶寶
    2025-03-12
  • Html5頁面在微信端的分享的實作方法

    Html5頁面在微信端的分享的實作方法

    微信分享，咋一看好像很複雜，其實非常簡單。只需要呼叫微信官方出的微信jssdk，加上些許配置，就可以實現h5頁面在微信上的分享，官方文件地址為：https://mp.weixin.qq.com/wiki?t=resource/res_mai
    2025-03-12
  • 使用phonegap查找聯繫人的實現方法

    使用phonegap查找聯繫人的實現方法

    實例如下：<!DOCTYPE html><html><head><meta charset=UTF-8><title> Database Example</title>
    2025-03-12
  • WEB標準教學：Div+CSS版面入門教學

    WEB標準教學：Div+CSS版面入門教學

    在網頁製作中，有許多的術語，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我們將會用到一些有關於HTML的基本知識，而在你學習這篇入門教學之前，請先確定你已經有了一定的HTML基礎。下面我們就開始一步一步使用DIV+CS
    2025-03-12
  • 淺談網頁基本效能最佳化規則小結

    淺談網頁基本效能最佳化規則小結

    針對瀏覽器網頁的一些最佳化規則頁面優化靜態資源壓縮借助建置工具（webpack、gulp）適當壓縮圖片、腳本及樣式等網頁靜態資源。 CSS雪碧圖、base64內嵌圖片將站內小圖示合併成一張圖，使用css定位截取對應圖示；適當使用內嵌圖片。樣式置
    2025-03-12
  • Html中使用自定義圖片來實現checkbox顯示的方法

    Html中使用自定義圖片來實現checkbox顯示的方法

    如果需要使用圖片來實現checkbox的使用，可以使用來實現，實現原理是將label表簽代替checkbox的顯示，將checkbox的display設置為none,在label標籤中使用要顯示的圖片img，再使用js函數去控製圖片的選中與
    2025-03-12
  • js實現移動端H5頁面手指滑動刻度尺功能

    js實現移動端H5頁面手指滑動刻度尺功能

    寫了一個在移動端使用的可滑動刻度尺，曾經在原生App中看到過，做得很精細，現在用web頁面實現的；實現效果如下：（源碼見文章的最後） 封裝成直接可用的MeasureRuler.js 調用方法：//初始化尺子var measure
    2025-03-12
  • 使用canvas一步步實現圖片打碼功能的方法

    使用canvas一步步實現圖片打碼功能的方法

    原文網址https://github.com/MY729/front-common-funtion/blob/master/picture-code-demo/README.md預覽網址https://my729.github.io/fro
    2025-03-11
  • html 基於canvas 實現的一個截圖小demo

    html 基於canvas 實現的一個截圖小demo

    寫在最前記得以前在人人上看到一個分享，講解基於js的截圖方案，詳細的不記得了，只記得還挺有意思的貌似用了canvas？所以這次打算自己寫一個分享給大家作者的思路。這只是一個很簡陋的小demo如有bug請提issues。按照慣例po代碼地址。
    2025-03-11
  • HTML5 input新增type屬性color顏色拾取器的實例程式碼

    HTML5 input新增type屬性color顏色拾取器的實例程式碼

    定義和用法type 屬性規定input 元素的類型。註釋：該屬性不是必需的，但是我們認為您應該始終使用它。<!DOCTYPE html><html lang=en><head><meta charset=UTF-8>
    2025-03-11
上一頁 130131132133134135136137138下一頁