腦爸打 CompBrother

  妙用 jQuery Mobile Toolbars 設計及製作手機應用程式 小知識教學類型: 手機應用程式開發 手機應用程式Apps 並不像網站程式有著足夠大的空間，在有限的手機界面中如何有效地整理及展示資訊，是每位手機應用程式開發者必需要處理的課題，而jQuery Mobile Toolbars則提供了這方面的方便性。 Header Bars - 手機程式頂端的Toolbars，通常位處logo旁，可以分為左上或右上的工具列，例如: data-role="header", class="ui-btn ui-icon-home ui-btn-icon-left" 用以創建左上角的 Mobile Header Toolbars 按鈕 data-role="header", class="ui-btn ui-btn-right ui-icon-home ui-btn-icon-left" 用以創建右上角的 Mobile Header Toolbars 按鈕 Footer Bars - 手機程式底端的Toolbars，通常位處底部中間的工具列，例如: data-role="footer", class="ui-btn ui-icon-plus ui-btn-icon-left" 而 Header Bars 或 Footer Bars 皆可以重新被Positioning: - Inline - 默認選項，頁頂和頁腳與頁面內容內聯 - Fixed - 頁頂和頁腳將保持在頁面的頂部和底部 - Fullscreen - 表現得像固定的，頁頂和頁腳將保持在頂部和底部，但也位於頁面內容之上，也有點透視感 手機應用程式開發員只要好好善用jQuery Mobile Toolbars，就可以在有限的手機界面上有條理地展示上資料，對手機UI有著莫大的幫助! ...

 JavaScript Random - 網頁程式世界的隨機 小知識教學類型: 網頁設計、網站製作 人的生活當中，即使有著因果的種種連鎖關係，但人的一生及世事萬物都有著其隨機性。網站製作上的網頁程式，其實也可模擬現實世界的隨機性，JavaScript Random就是當中的好選擇! Math.random(); 返回 0（包括）和 1（不包括）之間的隨機數： Math.floor(); 可用於返回隨機整數 實際例子: Math.floor(Math.random() * 10); 返回一個從 0 到 9 的隨機整數： Math.floor(Math.random() * 11); 返回一個從 0 到 10 的隨機整數： (Math.floor(Math.random() * 10) + 1; 可達到同樣的效果) Math.floor(Math.random() * 100); 返回一個從 0 到 99 的隨機整數： Math.floor(Math.random() * 1000); 返回一個從 0 到 999 的隨機整數： 網頁程式編寫員可以自身藉著創建JavaScript 的 Function 來活用 JavaScript Random，例如，這個 JavaScript 函數總是返回一個介於 min（包括）和 max（排除）之間的隨機數： function getRandomInteger(min, max) { return Math.floor(Math.random() * (max - min) ) + min; } 善用好網頁程式的隨機編程，可以讓程式運算更活像真實世界，及有助於運算時提供需要的公平性機會率。 ...

 妙用 Canonical Link 可有助提升 SEO 搜尋排名 小知識教學類型: SEO搜尋引擎優化 網站包含著很多不同的頁面，但一個頁面又會常可以以不同的連結網址呈現，例如 http://www.abc.com, http://abc.com , http://www.abc.com/index.html 明明是三個網址連結，但都是指向著同一個網址頁面內容。對於 google yahoo 等搜尋引擎會視為重覆性的內容，若要google yahoo 等搜尋引擎把這些重覆的內容索引index，會對SEO搜尋排名結果有著明顯的負面影響! 這個時候，我們可以 head 標記中善用Canonical Link，把指定網頁連結統一指定到某一連結網址，例如: http://www.abc.com http://abc.com http://www.abc.com/index.html 以上這三個連結可以指向至統一的連結網址 http://www.abc.com/index.html link rel="canonical" href="http://www.abc.com/index.html" Canonical Link 的正確設定，除了可有助提升 SEO 搜尋排名，亦可有助於網站內容被鏡像(Scrape)的可能性，增加網站系統程的安全性。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

 Robots Meta 的設定如何影響 SEO搜尋引擎的表現? 小知識教學類型: SEO搜尋引擎優化 網頁設計師及網站SEO推廣員皆必需知道如何與各SEO搜尋引擎溝通，設置Robots Meta是其中一個相當有效和快速的方法與各SEO搜尋引擎溝通和達成SEO的顯示結果共識。 如何設置Robots Meta在網站程式中? 只需在 html head 的標籤中，定義 meta name = "robots" ，然後架設不同需要的 content 屬性就可以了。當然 meta name robots 適用於所有的搜尋引擎，但亦可以指定特定的搜尋引擎作出設置，例如: googlebot: Google搜尋引擎的設置 bingbot: Bing搜尋引擎的設置 slurp: Yahoo 搜尋引擎的設置 baiduspider: 百度搜尋引擎的設置 rogerbot: Moz搜尋引擎的設置 AhrefsBot: Ahrefs 搜尋引擎的設置 ia_archiver: Alexa搜尋引擎的設置 Robots meta Content 屬性選項? noindex: 拒絕索引此頁面 nofollow: 拒絕跟隨此頁面內的連結 noarchive: 拒絕存取此頁面 nosnippet: 拒絕在搜尋結果中顯示簡介或快照內容 noimageindex: 拒絕索示此頁面中的圖片 只要好好設定Robots Meta，就可與各SEO搜尋引擎保持良好的互動，讓你的網站內容達到更好的SEO內容控制了! 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 ! https://www...