什麼是 HTML5?

 

一、什麼是 HTML5?

詳細說明網址：https://www.fooish.com/html/what-is-html5.html

二、如何在瀏覽器帳中查看網頁的HTML原始碼？

原文網址：https://kknews.cc/code/25ok2oy.html

HTML5 是 HTML 最新的修訂版本，由全球資訊網協會 (W3C) 於 2014 年 10 月完成標準制定，HTML5 在目前主流的瀏覽器幾乎都有支援了。

常聽到的 HTML5 其實是廣義的包括 HTML、JavaScript 和 CSS 在內的一套新技術組合！

HTML5 帶來很多新的應用：

• 新的 HTML 語意標籤 (semantic elements)，讓網頁建立更語意化的結構，幫助搜尋引擎和開發者可以更清楚的了解網頁結構，例如 <section>、<article>、<nav>、<header>、<footer>、<main>、<aside> 這些新標籤。
• 過去網頁常有的功能也有新的 HTML 標籤對應這些功能，讓瀏覽器原生 (native) 就直接支援這些功能，像是影音播放的 <audio> 和 <video>；更豐富的表單應用 - 驗證 API 及新增 <input> 的輸入類型如 tel, number, date, time 等。
• 圖形處理方面也有新的 API，例如 <canvas>，讓瀏覽器可以支援像遊戲開發需求的複雜視覺和互動效果。
• 更好的離線 (offline) 支援， 像是 Application Cache 和 online / offline events 等。
• 更好的瀏覽器本地資料存儲機制，像是 Web Storage API 和 IndexedDB API 等。
• 新的 DOM 功能，新的 getElementsByClassName、瀏覽器原生支援的拖曳功能 (drag and drop) 等。

HTML5 還有很多面向的新功能，這邊只給大家一個大方向概念，本篇文章目的並不是要詳細介紹完整的 HTML5 喔。

資訊科技關鍵字

 (一) URL 網址

什麼是 URL 網址 IP ？ 網域 Domain 中文 意思是什麼？—-URL，完整名稱是 Uniform Resource Locator  ，如果從英文直接翻譯成中文是 “統一資源定位器“，正確的中文學術名詞是網域名稱 (Domain name)，而白話的說法，就是網站地址，大家常講的網址。網址就像是每個人家裡的地址一樣，要知道對方正確的地址，才能夠到達對方的位置都會網域（Metropolitan Area Network，MAN）指大型的計算機網路，屬於IEEE802.6標準，是介於LAN和WAN之間能傳輸語音與資料的公用網路。MAN是改進LAN（區域網路）中的傳輸媒介，擴大區域網路的範圍，達到包含一個大學校園、城市或都會區。它是較大型的區域網路，需要的成本較高，但可以提供更快的傳輸速率。

(二)HTTP超文本傳輸協定（英語：HyperText Transfer Protocol，縮寫：HTTP）是一種用於分佈式、協作式和超媒體訊息系統的應用層協定。

(三)動態伺服器網頁（英文：Active Server Pages，簡稱ASP），是由微軟公司開發的伺服器端執行的指令碼平台，它被Windows下Internet Information Services (IIS)的程式所管理。

(四)決策支援系統（Decision Support Systems，簡稱DSS），是協助進行商業級或

組織級決策活動的資訊系統。

(五)個人數位助理（英語：personal digital assistant，縮寫：PDA），一般是指掌

上型電腦。相對於傳統電腦，個人數位助理的優點是輕便、小巧、抽取式性強，

同時又不失功能的強大，缺點是螢幕過小，且電池續航能力有限。

(六)非對稱數位使用者線路（英語：Asymmetric Digital Subscriber Line）

又稱非對稱數位用戶回路（Asymmetric Digital Subscriber Loop），簡稱ADSL。

(七)都會網域（Metropolitan Area Network，MAN）指大型的計算機網路，

屬於IEEE802.6標準，是介於LAN和WAN之間能傳輸語音與資料的公用網路。

MAN是改進LAN（區域網路）中的傳輸媒介，擴大區域網路的範圍，

達到包含一個大學校園、城市或都會區。它是較大型的區域網路，

需要的成本較高，但可以提供更快的傳輸速率

(八)HTML與XML有什麼分別？

HTML(Hyper Text Markup Language)

是一種描述超文件的註記語言，使用在WWW上，根據SGML(Standard 

Generalized Markup Language)所制訂出來的一種網頁語言，目前市面上的

瀏覽器都能直接讀取Html，透過Html可用來編寫設計網頁，常用的Html標籤

功能有表格(table)、表單(form)、圖片、超連結、文字 …等。

XML(Extensible Markup Language)

由W3C所發展出的一種設計規格，可以視為是SGML的精簡版本，特別是用

來設計網頁文件。XML可以允許使用者自行定義所需的標籤(tags)，並任意

啟動定義、轉換、驗證等工作，同時可在網頁和應用程式間直接讀取及傳遞資料。

因此HTML與XML最主要的分別乃為前者主要是用來撰寫網頁用的語言，且

該Html語言(標籤)都是全球統一的，您無法自定標籤，只能變更其標籤屬性。

而後者最主要的功能是用來「資料傳遞」用，例如A網站可將要分享出來的

資料(如最新訊息或產品資訊…等)，轉成XML格式讓B網站可以直接讀取及引

用，因此使用者可自行定義標籤(tags)名稱及結構，以利引用者辦識結構及

資料內容。

檔案分享工具

一、hfs

二、filezilla

win10看不到網路上的電腦

 win10看不到網路上的電腦

[轉貼自] Win10網路芳鄰看不到其他電腦的共用文件
 

家里有2台電腦，成功設定區內網路芳鄰的文件夾，但是!兩部電腦互相都看不到共用資料件，Windows 10 網路上的芳鄰(My Network Places)看不到其他電腦的共用文件(共享文件)。

當時設定共用文件後，在網路(網絡)的位置，沒有看到共用網路文件。 請看圖片▼

經研究一番，發現 Windows 的 SMB 功能沒有開啟。

請看此解決：

1. 前往Win控制台，選擇「程式和功能」位置 請看圖片▼

2. 進入後，按側邊的「開啟或關閉 Windows 功能」欄位 請看圖片▼

3. 彈出Windows 功能視窗，點擊「SMB 1.0/CIFS 檔案共用支援」欄柵，然後”勾選“3個SMB 1.0/CIFS Automatic Removal(自動移除)、SMB 1.0/CIFS 用戶端、SMB 1.0/CIFS 伺服器 請看圖片▼

4. 功能變更完畢，Win要求，重新啟動電腦 請看圖片▼

Day13 認識樹莓派的GPIO接腳

 

今天讓我們來介紹一下GPIO吧!

1.簡介:
GPIO接腳(General Purpose Input/Output Pins)位於樹莓派的上方，兩排共40個接腳用來連接胃部的電子電路或是感測器(sensor)，我們就是利用這接接腳進行硬體控制，讓樹莓派控制監控外部的世界。

2.接腳說明:
下圖中GPIO接腳使用位置編號1-40，接腳位置6、9、14、20、25、30、34、39是GND接地，位置2、4是5V，位置1、17是3.3V，位置8、10為UART(Universial Asynchronous Receiver/Transmitter)這是序列埠通訊使用接腳，位置19、21、23是序列埠介面SPI(Serial Interface Bus)可以使用這些接腳進行通訊，位置3、5是用來連接支援I2C(Inter-Integrated Circuit)通訊協定模組或是裝置，位置27、28是用來支援HAT(Hardware Attached to Top)擴充版的EEPROM進行通訊

(參考:https://atceiling.blogspot.com/2014/01/raspberry-pigpio.html )

3.GPIO模組
樹莓派GPIO接腳的控制語言有Python、Java、C，而我們是使用Python進行控制Python必須使用Rpi.GPIO函式庫來控制GPIO接腳，這個套件模組不適用於Real-time或要求比較高的應用程 式，因為無法預測Python何時要忙碌，也由於需要Linux核心才能運作，較不適合即時或要求較高的程式。

4.安裝函式庫
[安裝RPi.GPIO]
sudo apt-get install python-dev

wget https://pypi.python.org/packages/source/R/RPi.GPIO/RPi.GPIO-0.5.4.tar.gz

tar xvzf RPi.GPIO-0.5.4.tar.gz

cd RPi.GPIO-0.5.4

sudo python setup.py install

結語:將GPIO介紹完了也將函式庫安裝完畢那麼明天就要準備開始實作囉!

什麼是雲端服務？4大迷思常見問題，雲端工作如何提升效能降低公司成本？

 

訂閱式付費？資訊安全？跨平台裝置？教育訓練？比起請一堆員工，SaaS 服務是個超強人工智能。

Last updated Jan 25, 2021

由於現在有太多新名詞被翻出來「重用」，以及台灣人普遍對於「資訊服務」似乎抱著一種懷疑不信任的態度，所以特別撰寫這篇短文，用最簡單的方式來介紹「雲端服務」，破除企業用戶與一般使用者的常見迷思！

閱讀時間： 2 ~ 3 分鐘
此篇的「雲端服務」主要是指「軟體即服務」SaaS（Software As A Service）

---

雲端服務，是技術與商業應用結合的必然結果

「雲端」雖然是近幾年才火紅的炫詞，但其實當網際網路出現時，雲端就已經算是存在了，但為何我們「現在」才大談雲端運算與服務呢？因為：

雲端服務是多種「技術」與「商業需求」結合的必然結果，缺一不可。

---

當整體社會與企業的資訊程度越高，雲端工具就勢在必行

就像你現在不可能回頭用 2.5G（85.6 kb）的行動上網了，幾乎所有人都已經是 4G（75 Mbps）技術的用戶了。（差距大約是 1000 倍）

如果我們的技術停留在 2.5G 那就不可能有直播與影音串流服務，因為速度不夠；如果社會上沒有這個需求，那麼直播與影音串流也不會出現。

因此，在網路基礎設施整體提升、移動化辦公，有網路的地方就有商業的趨勢下，讓部分企業市場開始意識到「在雲服務的協助下，才能讓運作效能提升數個層級」。

---

各式各樣雲端服務出現市場，包含了企業的所有需求

從最初的 CRM（客戶關係管理）、銷售管理、客服管理、專案管理、通訊協作類、進銷存貨、財務類……等等，幾乎包含了企業市場「衣食住行」的所有需求。

簡單來說，「雲」只不過是個想像出來的抽象形容詞，關鍵還是「技術與需求」，一句話總結：雲端服務（Cloud Service）是結合雲端運算（Cloud Computing）、雲端儲存（Cloud Storage）、網路連線，與商業需求的新時代網際網路服務。

“End of Software.” – Salesforce.
「這是套裝買斷軟體的終結」

為什麼世界級的 SaaS 公司 Salesforce 會說出這句話？

因為現在的雲端技術，已經可以讓使用者在體驗上，達到與過去安裝在 Windows 或 macOS 作業系統上的應用軟體一樣順暢，甚至更容易維護（軟體安裝與版本更新），只要上網登入網站，就能跨平台跨裝置操作。

無論是技術面或者成本效益，雲端服務都已經來到了最佳的時間點。

4 大迷思，讓我們逐步破除！

我能理解，部分企業與使用者，因為過去習慣了套裝軟體與傳統的工作思維，即便想引入雲端服務，卻有著一些疑惑。

沒關係！就讓我試著點出常見的迷思，讓你們不用找資料找得這麼累！

1. 訂閱式付費，每月、依人頭付款好貴阿！

大部分的雲端服務是採取訂閱制付費，無論 Office 365（微軟也從過去套裝買斷軟體進入雲端訂閱服務），Adobe Creative Cloud，還是企業通訊協作工具 JANDI 都是每月付費的模式，從帳面來看，每個月多了一筆支出？

但是，實際上這根本是請了一個超廉價的超強員工！因為透過「訂閱式服務」你將省去維修與更新費用，雲端服務確保你永遠都在最穩定、最快速的最新版本。

只要連上服務，就直接幫你更新維護，公司不需要一段時間就要請個工程師到公司進行維護，訂閱式付費，用不到一個員工的價格，解決一個部門才能解決的問題，甚至讓軟體保持在最新、最高效，最穩定的情況下，也不用擔心買到了盜版軟體。

等等！你還記得去年的 Windows 勒索病毒 嗎？
那正是多數使用者未更新軟體，沒有升級系統去修補漏洞的結果。

一方面，訂閱式也大量減少閒置資源，大部分的 SaaS 服務是按照「用量」收費。這概念就像是如果你一個月用不到 10GB 的流量，就不必去買上網吃到飽。付費的機制會跟著公司的用量而彈性決定，不必再一次買斷買了一堆，然後吃不下，這才是浪費。

2. 資料放在網路上？不安全吧？

看過剛剛的Windows 勒索病毒例子，你不覺得放在你自己的電腦上，或者公司的伺服器更不安全嗎？

市面上的雲端服務工具，大多是用「世界知名且可靠」的資料儲存中心（Amazon Web Services、Microsoft Azure、Google Cloud Platform；例如 JANDI 是用亞馬遜的資料儲存中心，進行加密與永久儲存。）

也就是說，除非這三間公司（Google、微軟、亞馬遜）被攻破或倒閉，不然你的資料是不會有人能看到與讀取的。（但如果真的發生了，相信造成的動盪會比上次的金融海嘯更慘。）

3. 在瀏覽器上使用服務，會不會更慢更不方便？

基於現在的網路基礎設施，只要你的電腦不是 Windows 98，都是能順暢運行的（X）
基於瀏覽器的主要好處是「跨裝置、跨平台」，你甚至可以用 iPhone 等智慧型裝置進行操作。

多數的雲端服務也有提供手機 APP 與電腦應用程式的版本，因此不論是不同的電腦作業系統，還是手機裝置的不同，連上服務時，所有公司同仁看到的畫面與內容都會是一致的。

想想當你拿到 Office 2016 的檔案時，但電腦內只有 Office 2013 的狀況？
介面與功能不同就已經夠困擾了，甚至有時候還會出現版本不相容？
這根本是套裝買斷軟體造成的夢魘。

4. 就算我想引入這套系統，但該怎麼教員工用阿？

這個問題問的很好，我們在第一點提到了「訂閱式的雲端服務大量降低了企業用戶的維護成本」，所以雲端服務公司的員工組成，比起以往要有大量的業務人員，現在則是更多的工程師與設計師。

然而，因為網路市場的競爭特別激烈，能存活兩年以上的雲端服務，在操作上多半簡單易懂。

另外，除了必須將使用者的體驗設計到非常容易使用之外，提供「即時的線上客服」也成為了雲端公司的必備元素。目的是讓企業用戶，不必在騰出時間請人到公司，「引入試用、教育訓練、購買訂閱、維護更新」，四個流程都能在線上完成！

當然，也有較佛心的雲端服務公司提供了「線下的教育訓練與諮詢服務」，因此「服務商的在地化」也成為企業端選擇服務時的關鍵之一。因為我們不會希望在詢問客服時還要寫英文吧？或者要找真人詢問建議時，他這麼回了一句：「不好意思，你的所在地區不提供教育訓練。」

---

雲端工作思維：高效能的工作環境

破除 4 個常見迷思之後，讓我提供幾個「雲端工作情境」給你參考：

實體店面（零售業）：

擁有許多分公司或分店的組織，異地協作非常困難。但擁有了雲端思維後，工作與溝通變簡單了，不用設置很多主機，資料就能即時同步，不會再因為紙本紀錄下的版本錯亂而疲憊煩躁，雲端技術能讓大家像是在同一地工作，即時同步地瞭解每個分店的狀況。

處理訂單（電商或製造業）：

客戶需要知道訂單的生產狀況、是否已經出貨、物品維修情形……等等。對企業來說，傳統的方式（電話或傳真）提供客戶所需資訊，是非常耗費成本的，而且請一堆業務的話，人力與管理成本更是昂貴。

再來，在資訊系統尚未完善的公司，業務人員不一定能在接到電話後，立刻幫客戶解決問題，可能需要到生產線上詢問作業人員。

若有好的雲端系統，客戶能隨時連上系統取得想要的資訊，公司內部也能即時同步檔案與文件，也因為雲端服務的保密性與資料的永久儲存，保障了資訊安全。（拜託不要用 LINE 了，廣告與朋友的干擾，以及資訊安全問題，並不適合企業內工作使用。）

雲端工作思維，是資訊時代下的必然產物，你不跟上，就是落後了。
不只是節省人力與資訊維護成本，甚至創造更多的產能與時間。

2022科技關鍵字AVP(自主停車系統)

解決找車位、尋車的痛點

AVP Automated Valet Parking 是一種自動化的停車功能,被劃歸在Level 4 的自動駕駛等級,這套分級系統由國際車輛 工程師學會(SAE International)所提出, 他們將自動駕駛從Level Olevel 5劃分成 6個等級,依據駕駛者與車輛的角色定位、 任務為標準,其中Level 0定義為完全的人 工駕駛,而最高級的Level 5為全自動無人 駕駛,目前導入輔助罷駛系統的多數主流車 款,多介於Leve 2到Level 3之間。

從APA到AVP 

許多品牌的中高階車款,其實早已內建 自動停車輔助功能APA(Auto Parking Assist),透過車身周圍的超音波感測器, 搭配攝影鏡頭,協助駕駛將車輛正確停入 車位;更高一階的BPA(Remote Parking Assist)技術,則是可以在人處於車外的狀 態下,利用遙控器或手機,指揮車輛駛入或 駛出狭窄的車格,以避免車停好但人卻出不 來的窘況,無論哪一種,由於離不開人為控 制,因此皆屬於Level 2的範疇。而AVP技術與APA/RPA最大的不同,在於更加的自動化,駕駛可以在定點下車,然後讓車輛自己去找車位停車,當要用車時,也只需發送指 令召唤汽車,車輛便會自行發動並前往駕駛 所在地點,整個過程無須人力介入,能夠大幅減省使用者停車、尋車、取車的時間。

Level 4更近一步

 不過以目前來說,AVP最為可行的應用情境,僅在於公司或商場之類的停車場做定點使用,這些場所的空間較為封閉單純,而 旦範圍也有所限制,能夠將不可控制的變數減到最低。如何讓汽車知道哪裡還有空的車位,並規劃路徑避開障礙,甚至是跨樓層行 動,則需要高精確度的停車場地圖以及定位系統來輔助,這也代表除了車輛本身感測技術的升級外,還需要有外部的基礎建設支援,例如停車場某些位置,有可能是月租用 或保留車位,必須透過場站系統與車輛之間進行即時的溝通,才不會誤停。各家車廠 AVP技術都有所差別,但可預見的發展是, 今年會有更多高階車款將AVP納入標準配備當中。