iT邦幫忙

html5相關文章
共有 291 則文章

技術 HTML Attributes 與 DOM Properties 的區別

 之所以寫這篇文章,只因在學習HTML5及Angular的過程,直接將attributes與properties搞混了,畢竟中文翻譯都叫「屬性」,在使用上(對菜...

技術 什麼是 HTML 標題語法 < h1 > 至 < h6 > 與 SEO 的關係

如何讓訪客第一次進入你的 WordPress 網站,就能在你的文章裡找到重點和脈絡是非常重的「技術性 SEO」知識與操作,不過這次簡介的 H1 標籤使用技巧,...

徵才 傑富資訊 ◆ 徵的就是你

【專注研發,追求創新】我們是一群致力於遊戲軟體開發,流著年輕活力血液的創新團隊,公司目前北中南據點持續擴大業務中!如果您也喜歡在Code世界中徜徉、對美有所堅持...

鐵人賽 影片教學 DAY 14

技術 Web前端整合 (2/2)

[Day 14] Web前端整合3.2:HTML5 (HTML 5 + CSS 3 + JavaScript + APIs) (27min + 8min)--...

鐵人賽 Modern Web DAY 2

技術 新手村的 Web Design 30天冒險 | Day 2 { Environment Setting }

我是網頁開發初心者,這一系列是記錄學習網頁程式設計的筆記。 俗話說,工欲善其事,必先利其器,第二篇要先來介紹一下這門課與網頁開發的開發環境。 { Edito...

鐵人賽 Modern Web DAY 1

技術 新手村的 Web Design 30天冒險 | Day 1 { Introduction }

這一系列是記錄學習網頁程式設計的筆記 Day: Day 1 Content: Introduction { Introduction 自我介紹 } H...

徵才 【徵才】東森得易購 徵 React資深前端工程師(研發中心)

[團隊簡介] 前端團隊成員目前7人, 需補足8人。團隊採敏捷開發流程。 公司未來將發展跨境電商, 包括中國大陸, 東南亞, 日本, 韓國是我們的合作目標。 ht...

技術 [筆記]網頁-神經網路網頁可視化

前言 之前介紹的神經網路這篇參考文獻,裡面他做出一個動態更新的神經網路訓練,覺得相當有趣,因此嘗試利用canvas來實現動態更新的效果。這次介紹主要都是座標繪製...

技術 關於網站多國語言翻譯

各位先進您好!小弟有一個無法突破的問題 在各大訂房網站有多國語言功能,大都有十種語言以上我想這不是語言包能解決的,因為語言包只能翻固定字串,各飯店的更新,不可能...

技術 angular、vue框架要知道SEO問題

使用前端框架(Client-side Render )可以幫你加快開發速度 但會有一個問題就是SEOSEO 俗稱 搜尋引擎最佳化(英語:search engin...

鐵人賽 Modern Web DAY 15

技術 Day15:小事之 HTML 語意化標籤 下篇

html5 Doctor 曾經釋出過下面這個圖,用來幫助你選擇最符合語義的 HTML5 元素。[1] 今天就跟著這張表來看看幾個最常用的 HTML5 標籤該怎麼...

鐵人賽 Modern Web DAY 6
菜鳥前端奮鬥史(欸? 系列 第 6

技術 Day06 「防呆機制好麻煩」 ─ HTML5 內建的表單檢查!

雖然知道it邦是使用 Markdown 格式做撰寫,要避免使用 HTML 格式,但沒想到居然連標題都會受到影響..所以把昨天的標題緊急修正了.. (都過了快一天...

鐵人賽 Modern Web DAY 5
菜鳥前端奮鬥史(欸? 系列 第 5

技術 Day05 「弟兄們,為了SEO!」 ─ 將 h1 圖片取代文字!

今天來簡單介紹一下,如何將 h1 (主標題)內的文字置換成精美的 LOGO 圖片! 當然精美的 LOGO 請自己做自己想辦法,這邊只有教學怎麼置換而已 (喂...

鐵人賽 Modern Web DAY 4
菜鳥前端奮鬥史(欸? 系列 第 4

技術 Day04 「Over my dead body」 ─ <body>裡面常見那些器官(欸

唉唷我累個擦,差一點就忘記發文直接去睡覺了 上一回我們介紹了很基礎的 HTML5 網頁架構今天我們就來聊聊那些 body 中常看見的奇怪東西吧! &lt;u...

鐵人賽 Modern Web DAY 3
菜鳥前端奮鬥史(欸? 系列 第 3

技術 Day03 「HTML?好吃嗎?」 ─ 沒有骨架人怎麼站呢?

有人來訊問到為什麼要放一隻柴柴當大頭照,其實牠的真身原本是這樣的 (饒富動感? 當初沒想到這麼快就會把腦海中的梗用完,果真有梗當思無梗之苦呀.. 今天就來聊...

鐵人賽 Modern Web DAY 2
從零開始的網頁設計 系列 第 2

技術 Day02 : 基本 html 架構

每一天都會配合一個實例去做簡單的教學 好,那html到底是什麼? 我想要是我開始落落長的說明他大家就會想把網頁關掉了吧簡單地講,我們要讓預覽器看得懂我們在做什麼...

鐵人賽 Modern Web DAY 3
前端新手村 系列 第 3

達標好文 技術 前端新手村 HTML的作用

「當你迷惘的時候,就回到原點想一想」-中華一番 蘭飛鴻 前言 網頁前端新手村系列文章,宗旨並不在技術本身的教導,重點放在技術與技術之間的脈胳關係。讓零碎的網...

鐵人賽 Modern Web DAY 7
重新學習網頁設計 系列 第 7

技術 DAY 7. HTML5 表單群組 Fieldset

fieldset是一個新的html元素,用來群組化表單裡的input元素有了fieldset我們可以很簡單的控制表單內的元素是否disabled而不用一一指派每...

鐵人賽 Modern Web DAY 1
重新學習網頁設計 系列 第 1

技術 DAY 1. HTML5 表格 Table

在很久以前, 曾經人們大量的使用table來排版, 但table 帶來的巨大的限制, 我們沒辦法隨心所欲地使用它來完成多變繁瑣的佈局, 必須層層嵌套table來...

技術 [筆記]用圖片 取代 <input type="file"> 欄位

用途 想要與其他圖片來美化 &lt;input type=&quot;file&quot;&gt;欄位的話 可以用label來去運行 大致觀念是 css同id...

鐵人賽 Modern Web DAY 25

技術 ?? - 目前初步做好的prototype

參考: tmp9 後面花了不少時間把這份簡報需要的動畫特效做出來,雖然不是全部,但是大致上能看了。 因為用了IE沒支援的Canvas 2D Context AP...

鐵人賽 Modern Web DAY 25

技術 ?? - 處理Office的內建圖型

既然還能發文... ECMA-376定義Office內建圖型的方法 在規格書的zip檔中,可以找到presetShapeDefinitions.xml這個檔案(...

鐵人賽 Modern Web DAY 25

技術 ?? - 繪製Office內建的圖型

Office使用的內建圖型定義在ECMA-376的presetShapeDefinitions.xml這份文件中。(下載規格書Part1的zip檔解開後,會看O...

鐵人賽 Modern Web DAY 25

技術 ?? - 目前的簡單成果

參考:example012.html 資料的複雜性 結果奮鬥最久的還是處理pptx的資料XD 來反省一下...先看一下簡報的架構(排除了一些跟播放沒直接關係的設...

鐵人賽 Modern Web DAY 24

技術 24 - 剖析投影片資料

昨天已經初步剖析出版面配置的資料,但是畫出來看還是有些問題。所以在剖析投影片資料前,先來修正一下... 修正版面配置的剖析方式 檢查了一下剖析出來的資料,看起來...

鐵人賽 Modern Web DAY 23

技術 23 - 剖析佈景主題及版面配置

昨天畫出母片資料後,可以看到一些需要改善的部份,先來調整一下。 調整母片資料 這部份主要調整了幾個部分: 不需要繪製圖形背景時,不要繪製 剖析邏輯修正,這是導...

鐵人賽 Modern Web DAY 22

技術 22 - 用剖析出的資料試畫母片

大致上剖析出母片資料,除了寫測試之外,還是先試試看可不可以正常畫出來XD 目前產出的母片資料 先看看目前產出的母片資料長怎樣: &quot;backgrou...

鐵人賽 Modern Web DAY 19

技術 19 - 畫出標準投影片

之前只顧著做各種文字方塊、動畫效果及轉場效果,反而沒有嘗試畫出一個標準投影片,也就是標題加上文字列表,雖然投影片資料剖析的部份還沒做好,不過還是用預計會產生的資...

鐵人賽 Modern Web DAY 16

技術 16 - 文字呈現的細節

弄pptx的剖析有點膩了,今天先來看文字的呈現以及怎麼利用Canvas 2D Context來實作。 文字主體(p:txBody)、段落(a:p)與文字展現(a...