Facebook可自行抓取文章內資訊做分享訊息,或使用meta標記指定此頁面在分享時要呈現的資訊,如下範例:

以下範例顯示如何使用 og:type="article" 以及許多其他屬性來標示文章、動態消息或部落格貼文:

<meta property="og:url" content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type" content="article" />
<meta property="og:title" content="When Great Minds Don’t Think Alike" />
<meta property="og:description" content="How much does culture influence creative thinking?" />
<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

Facebook在分享貼文時,都會把分享過的資料用存起來,所以在Facebook若要使用property meta標籤做分享時,需要配合使用Sharing Debugger做除錯,此功能可重新產生網頁上的最新的Facebook分享貼文結果,只要貼上要除錯的網址要按下Debug按鈕。

Comment

jQuery捲軸滑動區塊的判斷,網頁上常看到應用在廣告區塊上,讓使用者在滑下遊覽器捲軸時,到此區塊廣告的高度的後,並能夠將畫面上的廣告區塊能夠在此時畫面固定住,然而離開這個卷軸高度廣告區塊又能夠還原在原來區塊不固定。

Comment

ColorPicker色盤套件是個讓在Sublime Text下寫CSS時,可以快速的開起選色盤選色的外掛,是個幫助您更有工作效率的好工具,但不知為什麼安裝ColorPicker後發生沒辦法使用的情況

這邊主要發生的原因在快捷鍵發生衝突convertToUTF8ColorPicker,使得按下相同的ctrl+shift+c,ColorPicker沒有反應,convertoUTF8的預設值GBK的快捷鍵也是ctrl+shift+c。

主要解決方法是修改了不常用convertToUTF8 GBK的快捷鍵,因為它可以直接使用選單選擇也可以。

Comment

此次Excel範例為一星期的班表,分別為A,B,C三個班別,使用了含數 =SUM(COUNTIF(開始欄位:結束欄位,"區分之文字")),計算出個別當週的班別C總數有多少。

實際展示如下:

=SUM(COUNTIF(A2:G2,"C"))

Comment

Javascript可以使用getElementsById setAttribute來做到跟改html元素屬性方法如下:

範例一

<img id="images" src="/" width="100"> 
<scritp> 
    document.getElementsById("images").setAttribute("width", "200"); 
<script>

 //執行結果 <img id="images" src="/" width="200">

範例二

<!DOCTYPE html>
<html>
<head>
<style>
    .democlass {
        color: red;
    }
</style>
</head>
<body>

<h1>Hello World</h1>

<p>Click the button to add a class attribute with the value of "democlass" to the h1 element.</p>

<button onclick="myFunction()">Try it</button>

<script>
    function myFunction() {
        document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");
    }
</script>

</body>
</html>

相關連結展示:http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_element_setattribute1

Comment

Copyright © 2018 ucamc