首頁>網頁設計教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
HTML教程
  • html/css基礎篇——html代碼編寫過程中的幾個警惕點(必看)

    html/css基礎篇——html代碼編寫過程中的幾個警惕點(必看)

    本文想說的警惕點與瀏覽器兼容無關,主要是幾個本人在項目中遇到的幾個小問題的總結,問題雖小,但是卻有時很困擾人,在此記錄一下,如果後期有此類問題會持續添加到這裡。 1.內聯標籤之間的空格正常情況下書寫html代碼的時候都有換行、縮進等習慣,比如
    2025-02-10
  • Html5實現文件異步上傳功能

    Html5實現文件異步上傳功能

    1 簡介開發文件上傳功能從來不是一件愉快的事,異步上傳更是如此,使用過iframe和Flash的上傳方案,也都感覺十分的彆扭。本文簡要簡紹利用Html5的FormData實現文件的異步上傳,還可以實現上傳進度條和文件大小驗證等。服務端使用s
    2025-02-10
  • HTML5 表單驗證失敗的提示語問題

    HTML5 表單驗證失敗的提示語問題

    前言前端的童鞋在寫頁面時, 都不可避免的總會踩到表單驗證這個坑. 這時候, 我們就要跪了, 因為要寫一堆js 來檢查. 但是自從H5 出現後, 很多常見的表達驗證, 它都已經幫我們實現了, 讓我們減輕了很多負擔, 就好像下面的:
    2025-02-10
  • 詳解Html5頁面實作下載檔案(apk、txt等)的三種方式

    詳解Html5頁面實作下載檔案(apk、txt等)的三種方式

    需求描述接到的原始需求是這樣的,有一個H5頁面,頁面中有個點擊下載的按鈕,點擊之後,完成下載特定的apk。大概是下面這樣的
    2025-02-10
  • HTML超鏈接a標籤_動力節點Java學院整理

    HTML超鏈接a標籤_動力節點Java學院整理

    只要學習或者使用過HTML的人,我想對於<a>標籤應該都是不陌生的。今天對</a><a>做一個簡單的說明,將自己的理解簡單描述出來。</a><a>是超鏈接標籤,什麼是超鏈接呢?就是將當前內容與網絡上的另一個資源進行連接起來,點擊該連接就可以實現跳轉到被鏈接</a>
    2025-02-10
  • HTML中實現鼠標經停時整行(tr)變色

    HTML中實現鼠標經停時整行(tr)變色

    使用純CSS實現在鼠標經過一個表格的某一行的時候,要整行的背景顏色發生變化,以表明該行正中焦點:<html ><head><meta charset=utf-8/><title> change</title>
    2025-02-10
  • 高清螢幕中使用Canvas繪圖出現模糊的問題及解決方法

    高清螢幕中使用Canvas繪圖出現模糊的問題及解決方法

    高清螢幕出現以前,螢幕的一個實體像素就是css所定義的一個邏輯像素(估計那個時候還沒有物理像素和邏輯像素的概念)。因此使用下面程式​​碼就可以在瀏覽器中展示一個600x386的Canvas。<html><head><title> Ca
    2025-02-10
  • HTML5 video 上傳預覽圖片影片如何設定、預覽影片某秒的海報幀

    HTML5 video 上傳預覽圖片影片如何設定、預覽影片某秒的海報幀

    當一收到上傳圖片影片並且可以動態設定影片顯示的海報幀的需求時,主要想的是怎麼樣解析影片並獲取保存每幀的圖片,百度出來的大多是類似下面這種需要播放video並點擊截圖的,或是用php ffmpeg擴展,跟需求不一致,有點抓狂了,然後就先做了視
    2025-02-10
  • Html5 滾動穿透的方法

    Html5 滾動穿透的方法

    問題背景:網站需要在行動端完成適配,針對行動端H5以及web端採用的都是bluma這種flex佈局解決方案在H5中使用的清單採用的是react-virtualized 來繪製表格為了展示表格中單行數據的具體詳情,通常的解決方案是採用新頁面
    2025-02-10
  • HTML5頭部標籤的一些常用信息小結

    HTML5頭部標籤的一些常用信息小結

    前言大家都知道在移動前端開發中添加一些webkit專屬的HTML5頭部標籤,幫助瀏覽器更好解析html代碼,更好地將移動web前端頁面表現出來。本文整理一些HTML5頭部<meta>標籤常用的信息。有錯誤的,敬請留言指正,或可以留言補充,歡
    2025-02-10
  • 解決HTML5中捲動到底部的事件問題

    解決HTML5中捲動到底部的事件問題

    問題:在H5中,我們有這樣的需求:例如有列表的時候,滾動到底部時,需要載入更多。解決方案:可以採用window的滾動事件進行處理分析:如果滾動是針對整個螢幕而言的(不針對於某個介面小塊),那麼這個應該是成立的:螢幕的高度+最大滾動的距離
    2025-02-09
  • 詳解HTML5中表單驗證的8種方法介紹

    詳解HTML5中表單驗證的8種方法介紹

    在深人探討表單驗證之前,讓我們先思考一下表單驗證的真實含義。就其核心而言,表單驗證是一套系統,它為終端用戶檢測無效的控件數據並標記這些錯誤。換言之,表單驗證就是在表單提交服務器前對其進行一系列的檢查並通知用戶糾正錯誤。但是真正的表單驗證是什
    2025-02-09
  • 深入淺出meta標籤

    深入淺出meta標籤

    通常所說的META標籤,是在HTML網頁源代碼中一個重要的html標籤。 META標籤用來描述一個HTML網頁文檔的屬性,例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。 1、viewportXML/HTML Code複製內容到剪貼板
    2025-02-09
  • HTML 提高頁面加載速度的方法

    HTML 提高頁面加載速度的方法

    (1)減少HTTP 的請求。 (合併資源文件和使用圖片精靈;(2)把CSS 放頭部,把JavaScript 放到body 標籤尾部;(3)定義圖片的寬和高;(4)定義字符集;(5)避免空的src和href 屬性,html裡這
    2025-02-09
  • 淺談語義化的HTML結構到底有什麼好處

    淺談語義化的HTML結構到底有什麼好處

    一:1.語義化標籤只是HTML,CSS不存在語義化。 HTML是標籤,CSS是屬性。 2.語義化標籤簡歷在文檔化頁面的基礎上面,將網頁當做是一個文檔,DOM中的D(document)以及在書寫js是用到的document就已經很清晰的告訴我們,
    2025-02-09