發表文章

目前顯示的是 12月, 2018的文章

Python課程潛力無窮!快來看看這次它帶了什麼新科技!

圖片
​ ​ ​ 沒想到Python課程能激發出這麼多創意!這款AI機器人你肯定沒親眼看過!它可是僅僅只靠著一片晶片呢! 人工智慧(AI)將是未來科技發展的主流趨勢,不只 Google、Facebook 與微軟都在培植、招募 AI 人才,全球第四大 IC 設計業者 - 台灣的聯發科也在其設計的手機晶片上導入 AI 人工智慧 。日前新推的 Helio P90 晶片 ,打敗對手 Qualcomm 高通的 7 奈米製程手機晶片 Snapdragon 高通驍龍 855 。這款導入 AI 人工智慧的 P90 晶片,不只能讓影像更升級,還能夠辨識人體姿勢。 目前聯發科 Neuro Pilot 的 Neuro Pilot 的 AI 人工智慧平台架構,應用的手機晶片產品除了本篇提到的 Helio P 系列外,還有 A 系列。未來更規劃導入到電視、平板以及車用裝置上,再搭配相互聯網技術,藉此打造聯發科的人工智慧生態體系,加強系統廠以及終端消費者的使用黏著度。 根據各大媒體報導,聯發科的計算與人工智慧技術群本部協理林宗瑤指出,隨著 Python課程 的熱門度越來越高,聯發科目前投入大量資金人力,全力進攻 AI 人工智慧市場。現在分別在手機晶片 Helio 的 P 系列以及 A 系列導入 AI 人工智慧。其中更在 P90 搭載第二代的 AI 引擎,在 AI 運算能力上勝過競爭對手的 7 奈米製程手機晶片。採用 P90 晶片的智慧手機將可望在明年第一季問世。 P90 擁有迅速的 AI 人工智慧 運算能力,拜這款晶片所導入的強大 AI 引擎所賜,只要事先設定好手機及機器人連線,再透過智慧手機的單鏡頭捕捉人體姿態,接著人體不論做什麼動作,機器人也會即時做出相同姿勢。 林宗瑤進一步指出,在目前許多的 AI 人工智慧應用,因為需要做到「立即可用」或是在「安全考量」的狀況下,而必須從過去的雲端下放到終端,並且即時人工智慧應用在同一時間還不只一個的情況下,這時候處理器的效能就面臨到了許多的考驗:包括能損、處理速度、以及傳輸能力等。因此,聯發科在這樣的需求上,藉由聯發科自家開發的人工智慧平台「Neuro Pilot」AI 架構,在與 Google 合作、了解未來的人工智慧及 Python課程 的發展趨勢後,就對 Helio P90 的人工智慧運算引擎作進一步的優化,再加

網路行銷課程越來越進階!現在人人都有一個3D虛擬的自己!

圖片
​ ​ ​ 網路行銷課程求新求變!最近火紅的3D虛擬人偶讓每個人無法抗拒!還沒有的就落伍啦! 《Zepeto》的使用門檻低,只要你下載《Zepeto》,自拍一張照片,他就可以依據你的照片而把你捏成虛擬的3D人偶分身。若你不滿意,還可以東捏一些、西拉一點,打造成最滿意的自我虛擬形象!另外,只要你破解 APP 所指定的任務,還可以幫自己自添行頭、打造室內場景、還可以拉三五好友一起合照、擺出許多只能出現在電影、遊戲的姿勢呢!你可以跟朋友一起組團,重現經典格鬥遊戲的場景、或是去北極看極光、或是重現電影「樂來樂愛你(La La Land)」的畫面,實現你的夢想。 若你是這種 Avatar 類 (依照你的外型而客製化你的虛擬形象) APP 的重度使用者,你應該用過 QQ 秀、或是 APPLE 推出的 Memoji 等軟體。但是為何來自韓國、也是 LINE 母公司Naver 旗下公司 Snow 推出的 Zepeto ,可以爆紅的如此快? 達內教育 網路行銷課程 小編歸納出六點,讓他們有如此高的差異化,並可以瞬間爆紅。 一、不只客製3D人偶,還可微調成美化並保有你原本的樣貌! ​ 相較於 網路行銷課程 中其他的同質商品,Zepeto 對於五官的細節,更能做細緻的調整。無論是臉型、膚色、鼻子、眉毛、眼睛、嘴唇等等,通通可以微調到自己滿意的樣子。據說連雀斑都可以客製化呢!Zepeto 依照自己的原型,並適度的美化,滿足時下年輕人的自我形象塑造。重點是這個美化後的樣貌還保有你的樣貌,放上 社群行銷 軟體後,還能讓你的親友們辨認的出是你的分身! 二、可揪喜歡的明星合照、還可以一同遊遍各地 ​ 其實不只你,連 GD、防彈少年團、EXO、亞莉安那 (Ariana Grande) 也都在玩 Zepeto!所以你可以加入他們的 Zepeto,並且可以跟他們來一張合照!場景可以自行加入喜歡的背景照片,無論是自家或是世界知名景點都行!另外,ZEPETO 最近也跟 防彈少年團BTS所創的卡通腳色 BT21合作,讓粉絲們能套上各種 BT21 服飾與偶像合照。 ​ 三、無論朋友在哪,都可一起合照 ​ 親朋好友分散世界各地? 別擔心,連偶像都可以零距離合照了,有了 Zepeto,你可以派你的分

Python課程為我這對咖啡沒天分的人造福!我也能煮咖啡啦!

圖片
​ ​ ​ 多虧Python課程,終於研發出一個"AI人工智慧咖啡師"讓我也能神還原世界第一的咖啡!太棒啦! 全球第一位 AI 人工智慧咖啡師「iDrip」,承襲了全球 10 位冠軍咖啡師的獨門手沖技法。iDrip 能精準地控制水溫、時間、手法等,神還原世界各地得過獎的冠軍咖啡。 源自台灣,全球第一台 AI 人工智慧 咖啡師「iDrip」 全球第一台 AI 人工智慧咖啡機由台灣新創團隊 iDrip 研發,可說是來自AIoT(人工智慧+物聯網)工程師、精品工藝設計師,與 Python課程 的十位頂尖咖啡師的心血結晶。為了讓 iDrip 能機器學習到精準的手沖技法,iDrip 團隊飛越世界各地,找了超過十多位的頂尖咖啡師談合作。2018年11月15日,iDrip在台灣的最大群眾募資平台「嘖嘖」上架。上架後 37 分鐘就,募資金額就突破了 100 萬的目標、25 小時內募資金額更突破 500 萬,創下嘖嘖平台帶電家電產品的募資紀錄。可見喝多了市售機器煮的咖啡,消費者還是忠於手沖精品咖啡的溫度。 搭配專屬App 咖啡鑑賞師就在你手機裡 透過 Python課程 ,結合 iDrip 專屬 App,使用者可掌握 iDrip 咖啡機狀態、咖啡師資訊以及多元的咖啡文化內容,而在 iDrip 沖煮咖啡的同時,App 會自動推播該咖啡的介紹、監製咖啡師的故事等等,如同一位咖啡專家引導使用者如何品嚐咖啡的技巧,使喝咖啡的體驗更充滿樂趣。 10位冠軍大師背書 把關AI手沖品質 iDrip 目前已正式與超過 10 多位來自全世界的冠軍咖啡師合作,包含本屆 2018 世界咖啡大師(WBC) 冠軍的首位女咖啡師-波蘭籍的 Agnieszka Rojewska、2016世界沖煮大賽 (WBrC) 的冠軍-日籍的粕谷 哲、2016 世界咖啡大師 (WBC) 冠軍-吳則霖以及 2014 年世界咖啡烘豆賽 (WCRC) 冠軍賴昱權等 10 位冠軍咖啡達人,把關使用豆子的品種、水溫、沖煮手法、烘培的程度等等。iDrip 針對咖啡師們所設定的豆種及配方,開發出專門的濾掛咖啡包,再搭配 iDrip 的雲端的大數據,數據內容為冠軍們親自紀錄的手沖細節,讓 iDrip 的 AI 人工智慧 系統可細膩還原

未來人工智慧當道的生活到底長啥樣?這部電影可能會給你省思!

圖片
 "艾莉塔:戰鬥天使"這部電影呈現的 人工智慧 與高科技,你看過了嗎?是否給了你許多想法? 未來 人工智慧 等高科技由上流階級所持有。高端科技下的底層貧民窟街景、結合機器與真人器官的生化人(cyborg)滿街跑、為上層階級奴役的貧民,使用著拼湊成的高科技產品...這些反烏托邦元素構成了 Cyberpunk 電影。2019 年上映、大導演詹姆斯卡麥隆製作的《艾莉塔:戰鬥天使》,就是最近 Cyberpunk 中的經典。 ▲《艾莉塔:戰鬥天使》的電影預告影片 人工智慧 技術,與真人肢體、真人心智結合而成的「Cyborg (生化人)」,是日本經典漫畫《銃夢》的主要元素。其真人電影版《艾莉塔:戰鬥天使》於 2019 年二月在台上映。由《阿凡達》好萊塢億萬大導詹姆斯卡麥隆及《萬惡城市》系列視覺特效總監勞勃羅里葛茲共同製作。 電影中高科技下的上流階級與底層社會的場景、機械零件與真人器官擁有不同排列組合的多個生化人、女主角的大眼睛,全部都在大師們的手中神復原,比原著漫畫更精緻、磅礡。大大超越了以往同類型的漫畫改編電影《攻殼機動隊》。   《艾莉塔:戰鬥天使》劇情簡介 26 世紀,一個完全喪失記憶合成人「艾莉塔」(羅莎薩拉查飾)嚴重受損,只剩下頭顱與上半身的上半部,被丟棄廢鐵鎮一處的廢料場中。熱心的「合成人醫師(就是專門醫治身體已結合機器的人類)」依德(克里斯多夫華茲飾)將她拯救出來,修護重建、改造。 重生後的艾莉塔,獲得了全新的生命、樣貌,以及力量,並且周遭的事物對他來說都是全新的。 艾莉塔開始重新適應這個險惡環境的新生活,依德也試著讓艾莉塔避開尋回她的過去。她在廢鐵鎮的好友雨果也幫助艾莉塔恢復記憶、兩人感情也急速加溫,直到致命的強敵危急他們的感情後,艾莉塔的過往記憶才完全被喚醒。 原來,艾莉塔原本是專門用來戰鬥的改造人。隨著記憶的恢復,她保護朋友、家人及愛人的強大戰鬥潛能被喚醒。這一切也引導著艾莉塔揭開這個世界的真面目,並對抗黑暗與不公不義的上層社會,也將對抗接二連三而來的 人工智慧 機器人與合成人強敵。   人工智慧沒有情感與靈魂 結合機械的真人「生化人」會是答案嗎? 身為結合機械器官與真人頭顱與腦袋的艾莉塔,擁有人類的情感,會表達喜怒哀樂、也會去愛;同時又因改造調節與強化,而有

原來在SEO優化的世界裡也有任性的"反派角色"!?

圖片
​ ​ ​ 沒想到SEO優化裡頭,竟然有方法讓你"不被搜尋到",到底發生什麼事了!?而這又該如何做到!? 讓 網路行銷課程 告訴你:什麼狀況下該使用 robots meta 與 robots.txt ? robots meta 對 SEO優化 的操作上也是很重要。robots meta 與 robots.txt 都能向搜尋引擎宣告如何處理網頁。前者為阻止搜尋引擎索引你的頁面(但搜尋引擎還是有抓取你的網站資料) ; robots.txt 則是全面阻止搜尋引擎抓取你的資料(搜尋引擎會自動略過你指定的網站)。 當然,大多數的狀況,你不會讓 robots.txt 來阻止搜尋引擎抓取辛苦建立的網站。 ​ 但是若這個網站對你的 SEO優化 有負面影響、或是私密性高的話,就可以用robots.txt 來阻擋搜尋引擎抓取,常見的情況如下所示: 1. 多年前有經過黑帽 SEO 手法,卻還沒處理的網頁 2. 施工中未完成的網頁等 3. 網站或是公司內部系統的登入頁面 若你只是希望這個網頁不要出現在搜尋引擎結果中的話,那用 robots meta 即可。 如何設定網站 robots.txt 【檔案存取位置】robots.txt 位於網站的根目錄下 【作用】告訴搜尋引擎哪些網站內容不要進行存取,並且可以指定 sitemap 的位置。 【路徑】如果你有建立並使用 robots.txt,則他的位置會是 http://網址/robots.txt,如果這個檔案不存在,則代表沒有使用 robots.txt。 【宣告類型】有五種,如下所示: 1. User-agent:指定哪一種搜尋引擎的爬蟲,如 Google 的爬蟲 「googlebot」或是百度的爬蟲等等(* 號代表全部) 2. Crawl-delay:限制爬蟲抓取每一頁的秒數限制,但是該設定會被 Google 跳過不處理。因為 Google 在網站管理員中,就有爬取頻率的設定。 3. Disallow:輸入你不允許被爬取的 URL 路徑 4. Allow:輸入你允許被爬取的 URL 路徑 5. Sitemap:告知搜尋引擎的 Sitemap 網址 網路

關於SEO優化,看透URL網址也是很重要的!

圖片
​ ​ ​ 想花五分鐘學會如何用SEO優化URL網址嗎?快點看繼續往下看,這會是非常重要的技能之一! 認識URL網址結構 每個URL網址,都會包含一些部分:通訊協定、主機名稱、網域名稱、子目錄、檔案 以這個網址為例: http://ui.tedu.cn/teachers/120226.html ,可以分成 「http」、「ui」、「tedu.cn」、「teachers」、「120226.html」等部分,說明如下: 1. 「http」是指通訊協定 (Protocol),「通訊協定」的作用是用來告訴軟體與連線主機「我的目的是要瀏覽網頁內容」;其他的通訊協定尚有「ftp」,是告訴主機「我要傳輸檔案」。而通訊協定與網址則用「://」 隔開 2. 「ui」是該URL的子網域 (Subdomain) 或是主機名稱 (Machine Name)。有時,主機名稱還會有一個以上的層級,舉另一個網址為例子:「tw.news.yahoo.com」,「tw」、「news」都是他的主機名稱,「tw」 又稱為「第四層網域」、「news」 又稱為 「第三層網域」;而 「yahoo.com」 都是網域名稱 (會在接下來提及),其中的 「yahoo」 是第二層網域、「com」 是第一層網域。 3. 「tedu.cn」 是網域名稱 (Domain Name) 4. 「teachers」是剛網址的子目錄 (Subdirectory) 5. 「120226.html」是指檔案 認識網域名稱 (Domain Name)結構 分析我們的網址 「http://ui.tedu.cn/teachers/120226.html」 ,主機名稱 「ui」 又稱為 「第三層網域」;而網域名稱由 tedu 與 cn 組成,其中的 「tedu」 是第二層網域、「cn」 是第一層網域。而 cn 因指其所在地為中國大陸,又稱為國家代碼頂級域名 ccLTD (country code Top Level Domain)。 另外,常見的頂級域名有兩種,一種是本例的國家代碼頂級域名 (ccLTD),編碼為雙字程式碼 (如代表台灣的 .tw 與代表日本的 .jp 等) ;另一種是通用頂級域 (gTLD) ,編碼為三個字,如代表商業機構的 .com 以及代表政府機關的 .gov 等。

Python課程老師:Google最後還是妥協了..(下)

圖片
​ ​ ​ 上次的Python課程提到的dragonfly計畫,現在挖掘更多相關細節給你! 而Google 為何可以從曾經的「中國最多人使用的入口網站」取得中國使用者使用搜尋引擎的行為資料? 請見上一篇:【 Python課程老師:Google最後還是妥協了..(上) 】 違反業內行規 Google員工怒 相信上過 Python課程 的人都知道,據業內行規,對於使用者搜尋字詞的分析,是需要受制於嚴格的管制,並且被負責用戶隱私的相關人員查核過的 - 他們的工作就是要維護用戶的隱私嘛!但是 Google 負責用戶隱私的團隊,卻是在第三方媒體 The Intercept 發現自家公司瞞著他們進行 Dragonfly 計畫,憤而警告負責 Dragonfly 計畫的工程師們:不得再繼續使用藉著 python搜尋引擎 265.com 所匯集的用戶搜尋行為資料。 最近幾周,負責 Dragonfly 計畫的團隊們,也被告知只能使用「其它的」資料庫:全球華人的 Google 搜尋行為據,而不是中國大陸的 265.com。當然,全球華人(如美國、馬來西亞等地區)的搜尋行為一定跟單單大陸的數據非常不同。這時若要求參與 Dragonfly 計畫的人員「ㄍㄧㄣ」出準確的結果,根本就不可能!因此有好幾個團隊的工程師們紛紛離開了參與 Dragonfly 計畫。 參與 Dragonfly 計畫的團隊:他們正在做的事,他們卻不知道 有些參與「Dragonfly」計畫的工程師,使用金鑰,進入「與 265.com 關聯的應用程式」並獲得搜尋數據 - 然而他們不知道他們用的是 265.com。他們只是取得了這些人使用「中文」的搜尋行為後,建構了「Dragonfly」的原型。他們使用名稱為「培根塔 (BeaconTower)」的工具,檢查這些中國人所蒐尋的字串,若是藉由 Google 搜尋出來的結果,是否會被中國國家防火牆擋住。經由這些過程,工程師們彙整出好幾千個被禁的網站,並且整合到「Dragonfly」搜尋平台使其被清除掉。這些網站都是被中國官方禁止的網站,知名網站包含維基百科與 BBC。 Python課程 結論:內憂外患接踵而至,逼得Dragonfly計畫停止 雖然公開否認未來會排除 Dragonfly,但是上一周 Google 的 CEO 桑德佩奇標示

Python課程老師:Google最後還是妥協了..(上)

圖片
​ ​ ​ Python課程的老師說:重大打擊??谷歌決定終止計畫,快來看看怎麼回事! 外界媒體爆料後才知真相!憤怒的Google員工促使秘密計畫終止 今天在 Python課程 時,聽到一個大消息! 聽 Python課程 老師說:谷哥內部的衝突於今年八月中旬就開始。那時一家美國網路媒體 The Intercept(攔截者)爆料:參與「Dragonfly」的 Google 團隊們使用架設在北京的網站,建構了要給搜尋引擎過濾搜尋結果的黑名單。黑名單的對象則是依據中國共產政府嚴格的審查制度,包含的是關於民主、人權、和平抗爭等資訊相關的網站。 Google 公司內負責用戶隱私的團隊,為著 Google 瞞著他們,進行中國地區搜尋引擎的開發計畫「Dragonfly」,感到強烈的不滿。因為這個搜尋引擎的搜尋結果都是「被過濾」的。 這個內部的裂痕越來越深,大到日前 Google 正式宣布終止「Dragonfly」計畫。 對比兩年前 Google 的 CEO 桑德佩奇 (Sundar Pichai) ,將大陸列為優先執行的地區。形成一個強烈的對比。 「美圖秀秀」董座手中購得「中國最多人使用的入口網站」 助 Dragonfly 蒐集大量數據 Dragonfly 計畫所需的分析資料來自於 Google 2008 年購買的入口網站 265.com。這個建立在北京的網站是「265.com」-曾經是「中國最多人使用的入口網站」,由 Google 2008 年從億萬富豪蔡文勝(美圖秀秀董事長、天使投資人)手中購得。265.com 當時提供了中國人多種資訊 (如金融市場、便宜機加酒等實用資訊) 以及網站、圖片與影片的 python搜尋引擎 。儘管它搜尋的運作原理,是先把用戶輸入的訊息導到百度後,再回傳結果給用戶,但是它已經藉由用戶輸入的訊息的過程,蒐集儲存了相當的用戶資料。 然而這樣子的行為,為何會需要瞞著員工? 為何會引起外界媒體的爆料、並引起 Google 內部員工如此大的反彈? 請看下一篇【 Python課程老師:Google最後還是妥協了..(下) 】 相關連結: Python課程老師:Google最後還是妥協了..(下) 七歲就教人寫程式語言,他會讓你知道python的重要(上) 七歲就教人寫程式語言,他會讓你知道py

HTML5教學的必經之路3:標籤演變過程你要趕上呀!

圖片
​ 不上HTML5教學,你就準備錯過它的改變和進步!難道你還想繼續用老方法? ​ HTML 5 新增的標記 網路行銷課程 上,老師表示:目前的 HTML 5 是 HTML 的最新標準,最初設計的目的只是為了要集合網路上許多分散的資源,透過標記結構化的串在同一個網頁中。 因此 HTML 5 加了許多標記,更有益於網頁的排版、結構更加明顯。 在列出 HTML 5 新增的標記前,老師要我們先複習在上堂 HTML5教學 整理出來的語義架構圖,再配合新增的標籤,會比較快理解,如下圖: ​ <section> 定義一個大的段落 <article> 定義段落裡的一篇文章 <aside> 網頁內容以外的項目,大多都是側邊攔目 <header> 定義段落中的標題,不是<head>喔 <footer> 定義頁尾的資訊 <nav> 定義導覽列的內容 <figure> 定義內體內容的區塊 <figcaption> 定義媒體區塊的標題文字 在所有新增的標記中,HTML 5 的多媒體功能也是受到矚目的。它簡化了以往在HTML處理影音多媒體資料的型態,若是沒上過 HTML5教學 或 網路行銷課程 ,會像以前一樣,把影片上傳到像 Youtube 等第三方影音平台,再用嵌入的方式來撥放影片。若是使用HTML 5,則可以使用<video>標籤,在自己的網站上完成所有動作,不需要再將影片上傳到第三方影音平台才能在自己的網站上撥放了!典型的標記格式如下: <video width="800" height="500" autoplay controls> <source src="https://www.tedu.tw/video/達內教育UI課程學員就業分享-李雅青.mp4" type="video/mp4"> </video> 其<source>標籤指定了要撥放的影片位置,可以指定為自己網站中的影片或是網站的任一個影片URL(包含Youtube的影片),在標記中可以透過 au

上HTML5教學的必經之路2:深入挖掘HTML表格標籤

圖片
​ ​ ​ 因為今天的HTML5教學,我終於可以用好好將之與網路行銷課程雙向使用!太值得了! 表格標籤<Table >指令一覽表 HTML5教學 基礎篇2- 如何使用HTML5做表格? 許多網頁的表格都是使用jpg等圖片來表示,但在之前的 網路行銷課程 已提到:圖片的表現方式對於SEO優化的效果較弱,因為Google等搜尋引擎是認字勝過於認圖片!若你希望你的網站兼顧美觀與SEO優化效果,那你一定要學會辨認 HTML5教學 的表格標籤,如此一來,便能與之前上過的 網路行銷課程 配合應用。 在網頁中除了項目清單標籤:無照順序排列的<ul>和有照順序排列的<ol>,還有可以按照階層排列的<dl>之外,還有更複雜的表格標籤。(起始標為<table></table>)。 ​ 由此可以看得出表格標記<th>、<tr>、<td>之間的關係以及設定的方式。同時在每一個標記之內還可以使用其他的標記,做更細部的設定。如圖中的<td>標籤就加入了<width>標籤來設定寬度,是為<td width=100>。表格標籤的常用屬性如下所示: <align> 設定整張表格在網頁的對齊方式,有左 (left)、中 (center)、右 (right) <bgcolor> 設定表格的背景色。以 #rrggbb 為色彩格式 <border> 設定表格的邊框寬度,以像素為單位 <cellpadding> 設定表格邊框與內容中間的留白要留多少,以像素為單位 <cellspacing> 設定格子與格子中間的空白。 <width> 設定表格的寬度,以像素為單位。 以上是針對整個表格的<table>屬性。 至於<td><tr>也有相應的屬性設定如下: <align> 對齊儲存格的內容,有靠左 (left)、靠中 (center)、靠右 (right)、還有分散對齊 (justify),這樣每行都可以有相等的長度(就像在報紙和雜誌中)、將內容對準指定字 (char)

上HTML5教學的必經之路1:先掌握初學者的敲門磚!

圖片
​ ​ ​ 該怎麼在HTML5教學中寫網頁?HTML標籤和線上免費網頁編輯器,是兩個你得先知道的東西! 先了解 網路行銷課程 提到的HTML基本架構! 網路行銷課程 提到:HTML 沒有像一般程式語言一樣有變數儲存的功能、不能操作記憶體、不能算是一個正規的語言,而比較像是一種排版的標記。 所有的 HTML 標籤 (又稱標記、tag) 大都是成對的,如「<p>」和「</p>」,只有少部分如斷行用的「<b>」和「</b>」來完成。 所有的 HTML 都以「<html>」開始和「</html>」結束。 HTML檔的開頭,都會有<!DOCTYPE html>來當作HTML的識別標記。 HTML的檔案架構如下: ​ 在「<html>」和「</html>」主要分成<head></head>和<body></body>兩部分。 如圖所示,<head></head>裡面又有<meta charset="utf-8">,是用來設定本網頁的字元編碼是用utf-8,因為現今網頁普遍編碼皆為UTF-8。 而<title></title>為標題標記,是用來定義網頁的標題,同時 Title 也會被 Google 設定為搜尋結果上顯示的網頁標題,因此在 SEO 上是非常重要的優化項目之一。 另外,在<head></head>標籤裡面除了<meta>和<title></title>之外,大部分對於 CSS 以及 Javascript 的設定也會放在這裡面。後續的文章會陸陸續續做說明。 重要、基本的 HTML 標記 真正網頁的內容,是放在<body>和</body>中間。常用的、任何版本皆通用的 HTML 如下所示: <h1>~<h6> 可用來設定標題格式,若沒有另外規定的話,<h1>最大;<h6>最小。 <p> 可設定文章中的段落,被<p&g