tag html5

標籤
貢獻163
222
06:37 AM · Oct 27 ,2025

@html5 / 博客 RSS 訂閱

guixiang - markdown的html優雅使用語法(2024/10/10guixiang原創)

一:圖片部分 因為博客園可能會吞我語法,所以我把代碼放到下面部分 https://files.cnblogs.com/files/blogs/827070/markdown的優雅html語法.zip?t=1757144163download=true 第一範式 圖 2 全字段排序 center img style="border-radius: 0.3125em;

前端 , html5

收藏 評論

代碼喵仔 - Input報錯“Form elements must have labels: Element has no title attribute Element has no placeholde”

喵~ 項目開發難免會遇到些不解的問題,以下總結的是簡化版,重在復現問題,解決問題。 寫表單時,如果只是單獨寫了input元素,發現在後台管理會飄紅。感覺很奇怪,明明沒有寫錯語法,為什麼會飄紅呢? 1、寫一段最普通的html頁面 2、右鍵,選擇 “檢查”,打開後台管理器,指向input元素 此時,可以看到飄紅的input,鼠標指向input,會顯示一段提示: 3、按照提示,Shift +

前端 , html5

收藏 評論

代碼喵仔 - 【3分鐘學會】一招禁用表單中input輸入框回車鍵自動觸發提交事件!

知其然知其所以然 在前端項目開發中,偶爾會有表單提交的問題: 用户輸入表單後,不小心按了回車鍵,導致提前觸發了提交事件? 問題概述 當表單中僅有一個input輸入框時,按下回車鍵就會自動觸發提交事件,這是為什麼呢? 這裏就要提到一個標準:W3C 文中最後一句話已經解釋了原因: 當表單中只有一個單行文本輸入字段時,用户代理應接受在該字段中按Enter鍵作為提交表單的請求。

前端 , html5

收藏 評論

騎着烏龜奔跑的蝸牛 - HTML5 微數據規範

​ HTML5 微數據規範 簡介 微數據是一種內置於 HTML 中的結構化數據格式。它允許網頁作者定義頁面上的特定內容類型,例如文章、事件或人物。這有助於機器(例如搜索引擎)理解和解釋網頁內容。 微數據的基本概念 項目(Items):一個微數據項代表頁面上的某個對象或實體,例如一個人、一本書或者一個事件等。一個item通常由itemscope屬性定義。 類型(Types):每個item可以有

前端 , html5

收藏 評論

林恆 - 記錄---瀏覽器多窗口通信有效實踐總結

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 如何跨越不同窗口通信 在現代 Web 開發中,多個窗口或標籤頁之間的通信成為了越來越常見的需求,尤其是在應用需要同步數據、共享狀態或進行實時更新的場景中。不同窗口間的通信方式有很多種,選擇合適的方式可以大大提高開發效率和用户體驗。本文將詳細介紹幾種常見的瀏覽器多窗口通信技術,並結合實際代碼示例,分析它們的優缺點及兼容性。

前端 , html5

收藏 評論

飛仔FeiZai - H5 頁面中實現跳轉到其他 APP

H5 頁面中實現跳轉到其他 APP 在 H5 頁面中跳轉到其他 APP,可以使用以下幾種方式: 1. URL Scheme(自定義協議) 許多 APP 都支持 URL Scheme 方式的跳轉,例如: a href="weixin://"打開微信/a a href="alipay://"打開支付寶/a a href="yourapp://path"打開自定義 APP/a 注意: 需要目標 A

前端 , html5

收藏 評論

ASER_1989 - 前端視角看 HTTPS

最近用Docusaurus搭了一個個人網站,部署後看到瀏覽器地址欄上“不安全”三個字感覺特別辣眼,便不由自主的想起了HTTPS。回憶起自己在日常開發中遇到的一些與HTTPS相關的知識,忍不住想將這些年積累的一些細節和心得體會整理一下。 為什麼要使用HTTPS HTTPS的發展歷程是一段頗具趣味的歷史,充滿了技術創新與安全挑戰。作為前端開發者為什麼要使用HTTPS,難道HTTP不能用了嗎?當然不是,

前端 , html5

收藏 評論

林恆 - 如何跨標籤頁通信

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 開篇小劇場:為什麼標籤頁要"聊天"? 想象你在網上商城: 標籤1:瀏覽商品頁 標籤2:開着購物車 當你在標籤1點擊"加入購物車",標籤2的購物車數字應該立即+1!這就是標籤頁通信的魔力啦!✨ 🎨 方案1:BroadCast Channel(對講機頻道) 🛠️ 方案2:Service Worker(隱形郵差) 📦 方案3

前端 , html5

收藏 評論

longlong688 - vscode Live Server插件問題修改

基於Windows11下Visual Studio Code中的Live Server插件使用過程中出現的問題與解決方法 本文字符約881個,閲讀需10分鐘 問題 Open a folder or workspace... (File - Open Folder) 這個是沒有打開文件夾 點擊這個後沒有啓動瀏覽器

前端 , html5

收藏 評論

林恆 - B站首頁的 Banner 這麼好看,我讓你直接用到你的項目!

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 寫在前面 我最開始是用 Angular 去實現了B站的 Banner ,那時候還沒有人做這東西,可以看到下面那一長串 Bannet 圖片的第一個圖是好幾年以前的了。然後隨着逐步完善,在這幾年偶爾也看到有人發過這東西的實現方法。 但我為什麼要寫這篇文章?因為我打算用原生 JS 和三大框架都去實現一遍,以滿足所有人的需求

前端 , html5

收藏 評論

林恆 - 如何進行頁面前端監控

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 前端監控主要分三個方向 前端性能(用户體驗優化) 異常監控 業務指標跟 下面我來分別介紹三類指標如何獲取 1)前端性能指標: 一、用户體驗相關的: 頁面加載時間(Page Load Time) : 定義:從用户請求頁面到頁面完全加載的時間。

前端 , html5

收藏 評論

林恆 - 記錄---讓網頁像現實世界一樣“拿起來,放進去”

🧑‍💻 寫在開頭 點贊 + 收藏 === 學會🤣🤣🤣 引言 2025年,我們早已習慣用手指滑動屏幕、拖動文件。而這一切流暢體驗的背後,HTML5 的拖拽(Drag and Drop)功能功不可沒。它讓網頁不再只是“點一點”,而是可以“拖一拖、放一放”,大大提升了交互的直觀性和用户體驗。 為什麼拖拽如此重要? 回想一下 iPad 為何能迅速風靡全球?一個重要原因就是它的操作“傻

前端 , html5

收藏 評論

陳學家_6174 - 精益 React 學習指南 (Lean React)- 1.2 JSX 語法

書籍完整目錄 1.2 JSX 語法 官方文檔 https://facebook.github.io/react/docs/jsx-in-depth.html JSX 語法聽上去很討厭,但當真正使用的時候會發現,JSX 的寫法在組件的組合和屬性的傳遞上提供了非常靈活的解決方案。 在學習本節的時候,希望讀者在閲讀的同時能夠實際編碼體驗 JSX ,寫代碼的意思是真的要寫.代.碼。 1.2.

react , leanreact , HTML , html5

收藏 評論

TNTWEB - FFCreator -- 用 node.js 來製作數據可視化視頻吧

TNTWeb - 全稱騰訊新聞前端團隊,組內小夥伴在 Web 前端、NodeJS 開發、UI 設計、移動 APP 等大前端領域都有所實踐和積累。 目前團隊主要支持騰訊新聞各業務的前端開發,業務開發之餘也積累沉澱了一些前端基礎設施,賦能業務提效和產品創新。 團隊倡導開源共建,擁有各種技術大牛,團隊 Github 地址:https://github.com/tnfe 今天為大家介紹 FFCr

react , vue.js , node.js , javascript正則 , html5

收藏 評論

阿白 - 電子商務網站建設的開發方案

電子商務網站建設的開發方案是一個複雜的過程,需要經過多個階段的設計和開發,包括需求分析、架構設計、前端開發、後端開發、數據庫開發、測試和優化、上線和部署、以及運營和維護等。下面將詳細介紹每個階段的具體內容。 一、需求分析 在開始電子商務網站建設之前,需要與客户進行充分的溝通,瞭解他們的需求和目標。這包括網站的功能、設計風格、目標用户等方面的要求。同時,還需要考慮到競爭對手的情況,以及

電子商務網站 , 微服務 , 網站開發 , 前端 , html5

收藏 評論

hightopo - 圖撲軟件 | 3D 場景視頻嵌入應用

在快節奏的數字時代,視頻已成為信息傳播和內容消費的主要形式之一。場景嵌入技術作為一種創新媒介,正在改變我們創作、分享和體驗視頻的方式。 效果展示 場景嵌入視頻的最大優勢在於能夠增強觀眾的沉浸感。通過融合現實環境與虛擬元素,創作者可以突破傳統視頻製作的侷限,打造更加富有創意和吸引力的內容。這種沉浸式體驗不僅吸引眼球,更能夠提高信息的傳達效果。 接下來,讓我們一同探究在 HT 中怎樣把視頻嵌入場景,

視頻處理 , 可視化 , 前端 , html5 , Javascript

收藏 評論