【HTML】-何謂 robots.txt
前言許多前端工程師都有相關rebots使用經驗，為了增加 SEO 通常會使用robots，讓使用者可以快速查自己的網站，robots.txt 可以從各樣的網站可以看到。本篇會簡述rebots ，若需要細項說明可以請至下方點選查詢。
robots 簡介robots 是主要功用哪個頁面可以檢索、索引。使用方面會直接影響 SEO 。
何謂 SEO 搜尋引擎最佳化SEO(Search Engine Optimization)，透過搜尋引擎運作規則調整網站，提高網站相關搜尋引擎排名。搜尋引擎針對檢索(Crawl)、索引(Index)的網站資訊，進行演算法排序提供使用者查詢。
robots 使用方式robots 只需要使用 txt 撰寫，必須要留意要使用UTF-8編碼的文字檔。設定方式預設允許所有搜尋引擎檢索所有內容，有兩種做法。
不填入disallow內容12User-agent: *Disallow:
allow 使用 /符號/ : root 根目錄，在這可以解釋從root開始都允許檢索所有檔案。
12User-agent: *Allow: /
檢測方式如果你要查詢網站是 ...
【HTML】-滾動條 Scrollbar
前言近期遇到很多UI介面 scrollbar 都不同樣式或是將 scrollbar 用消失減少版面佔住的機會。可以參考下方滾動條樣式，我再慢慢展示出效果來。
如何讓scrollbar出現第一次用網頁常常遇到 scrollbar 不知道怎樣叫出來，反而不斷跑版。網頁有分父(容器)層跟子(容器)層，當子層超過父層時候，可以使用 overflow。
以下範例 :
123456<body> <div class="container"> <div class="block-1"></div> <div class="block-2"></div> </div></body>
1234567891011121314151617.container{ width: 400px; height: 200px; margin-left: auto; margin-right: ...
【HTML】-Enter Key Hint
前言最近看到有一篇有關EnterKeyHint文章，整個手癢跑去玩玩看，官方說明這方式是針對虛擬鍵盤才會出現的效果，如下面表格:
Keyword
Description
enter
The user agent should present a cue for the operation ‘enter’, typically inserting a new line.
done
The user agent should present a cue for the operation ‘done’, typically meaning there is nothing more to input and the input method editor (IME) will be closed.
go
The user agent should present a cue for the operation ‘go’, typically meaning to take the user to the target of the text they typed.
...
