整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
要：禁止input緩存，禁止select緩存
有時候，我們頁面的輸入框，類似：
<input type="text" value="">
<select>
<option value="1">1</option>
<option value="2">1</option>
</select>我們再頁面里輸入內容后，并不保存，但是刷新頁面會發(fā)現值為輸入的頁面，完全沒有從新去從后臺取值，這是怎么回事呢？其實多數瀏覽器默認會緩存input的值，只有使用ctl+F5強制刷新的才可以清除緩存記錄。如果不想讓瀏覽器緩存input的值，很簡單，只需要價格屬性即可：autocomplete=”off”。
例如上面例子，改為如下就不會緩存啦：
<input type="text" autocomplete="off" value="">
<select autocomplete="off">
<option value="1">1</option>
<option value="2">1</option>
</select>聽說還有一種直接加在form表單里也可以，但是因為我已經很久沒有用form表單提交數據啦，都是用ajax異步提交的，所以我就沒有采取這種方法，也很簡單的如下：
<form action="#" autocomplete="off">
<input type="text" value/>
</form>當然，沒試過不知道行不行，應該是沒問題的！
先，我們來理解一下一個網頁的基本組成
代碼如下
一個網頁是有許許多多的標簽對組成的，即開始標簽-結束標簽，都是成對出現（當然我們后面會說的還存在單標簽，表示自閉合標簽，例如：<br />）
對上述的標簽先來解釋一下
html------------超文本標記語言，瀏覽器識別的語言，主要負責頁面的內容和結構
head------------標簽用于定義文檔的頭部，它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。
body------------元素定義文檔的主體。body 元素包含文檔的所有內容（比如文本、超鏈接、圖像、表格和列表等等。）
HTML常用基礎標簽用法及實例
1. <!--注釋-->
2. <!--DOCTYPE 聲明文檔類型-->
3. <!--a--><a href="http://www.baidu.com/">百度一下</a></br><!--超鏈接標簽-->
4. <!--address--><address> 標簽定義文檔或文章的作者/擁有者的聯系信息。
如果 <address> 元素位于 <body> 元素內，則它表示文檔聯系信息。
如果 <address> 元素位于 <article> 元素內，則它表示文章的聯系信息.-->
</address>
5. <!--5.article <article> 標簽規(guī)定獨立的自包含內容。-->
<article>
<h1>百度</h1>
<p>全球最大的中文搜索引擎、致力于讓網民更便捷地獲取信息，找到所求。</p>
</article>
6. <!--6.aside <aside> 標簽定義其所處內容之外的內容。-->
<p>123123</p>
<aside>
<h1>文本之外的內容</h1>
<p>我也是文本之外的內容</p>
</aside>
7.<!-- audio video-- <audio> 標簽定義聲音，比如音樂或其他音頻流。
<audio src="/i/horse.ogg" controls="controls>
</audio>
8.<!--b 文本加粗-->
<p>普通文本--<b>粗體文本</b></p>
9.<!--big -->
<big>大號字體</big><br>
10.<!-- body body 主體內容-->
11.<!-- br 給文本換行-->
12.<!--button <bubtton> 標簽定義一個按鈕。-->
<button type="button">點擊領取</button>
13.<!--center 對其所包括的文本進行水平居中。-->
14.<!--dl dd dt <dd> 在定義列表中定義條目的定義部分。-->
<dl>
<dt>計算機</dt>
<dd>用來計算的儀器 ... ...</dd>
<dt>顯示器</dt>
<dd>以視覺方式顯示信息的裝置 ... ...</dd>
</dl>
15.<!--del ins <del>定義文檔中已被刪除的文本。 <ins> 標簽定義已經被插入文檔中的文本。-->
<p>你叫<del>張3</del><ins>文字</ins>嗎？</p>
16.<!--div p h1-h6 div是塊標簽 p是段落標簽 h1-h6是標題標簽根據h后面數值調整大小-->
17.<!--em span i strong <em>把文本定義為強調的內容。<span> 標簽被用來組合文檔中的行內元素。
<i> 標簽顯示斜體文本效果。<strong>把文本定義為語氣更強的強調的內容。
-->
<em>強調文本內容</em>
<p><span>組合文檔中的行內元素</span>你好啊</p>
<i>斜體文本</i><br>
<stong>內容重要</strong>
18.<!--footer nav <footer> 標簽定義文檔或節(jié)的頁腳。<nav> 標簽定義導航鏈接的部分.-->
<footer>
<p>聯系郵箱：<a >href="1758539486@qq.com">1758539486@qq.com</a></p>
</footer>
<nav>
<a href="http://www.baidu.com">百度</a>|
<a href="http://www.douyu.com">斗魚</a>
</nav>
19.<!-iframe iframe 元素會創(chuàng)建包含另外一個文檔的內聯框架（即行內框架）-->
20.<!--hr html-- <hr>文本分割線 <html>根文件-->
21.<!--img input label-- img 元素向網頁中嵌入一幅圖像。
<input>--表單標簽（一共八種類型） 如下所示：
<input type="radio" name=""value="單選"/><input type="checkbox" name=""value="選擇"/><input type="submit" name=""value="提交"/><input type="button" name=""value="按鈕"/><input type="password" name=""value="密碼"/><input type="text" name=""value="文本"/><input type="reset" name=""value="清空"/><input type="hidden" name=""value="隱藏"/><label> 標簽為 input 元素定義標注（標記）。
-->
<img src="img/Advertisement_03-3.jpg" alt="" /><br>
<label for="男">男</label>
<input type="radio" name="sex" id="男">
<input type="submit" name="提交" >
22.<!--ol ul li <ol>有序列表 <ul>無序列表 <li>列表項目-->
23.<!--link script <link>標簽最常見的用途是鏈接樣式表。<script> 標簽用于定義客戶端腳本，比如 JavaScript。-->
24.<!--select option <select> 元素可創(chuàng)建單選或多選菜單。<select> 元素中的 <option> 標簽用于定義列表中的可用選項。-->
<select name="">
<option value="">請選擇</option>
<option value="">選項一</option>
<option value="">選項二</option>
<option value="">選項三</option>
<option value="">選項四</option>
</select>
25.<!--textarea <textarea> 標簽定義多行的文本輸入控件。-->
<textarea></textarea>
resize禁止拉伸文本框
outline取消文本框選中的顏色
Text-indent:2em首行縮進兩個字符
希望閱讀本篇文章以后大家有所收獲，幫助大家HTML5+CSS3從入門到精通 。
天這篇文章主要帶大家學習一下meta robots和nofollow的使用方法。眾所周知，從網站優(yōu)化的角度來說，站長制作網站如果想獲得更多的流量就需要不斷優(yōu)化關鍵詞，不斷提升關鍵詞的排名，但是并不是網站的每一個頁面都需要參與排名的。比如“公司地址”、“在線報名”等欄目頁面，肯定沒有人通過搜索“在線報名”這個詞語來到我們的站點還進行報名了，這看著都玄乎。 所以我們站點中并不是每一個頁面都需要參與搜索引擎排名的，而是通過使用meta robots和nofollow等標簽將網站的權重集中到需要參與排名的頁面。下面我們來講解一下meta robots和nofollow的基礎語法和使用方法。
一、meta robots標簽
meta robots標簽是頁面HTML代碼中head標簽中的一部分，它的作用是禁止搜索引擎索引本頁面，此頁面將不會出現在搜索引擎搜索結果中。
meta robots標簽中沒有大小寫之分，最簡單的meta robots書寫格式為：
<meta name="robots" content="參數">
meta name="robots"代表著所有的搜索引擎，也可以針對某一個搜索引擎，只需要將robots替換成搜索引擎的蜘蛛名稱即可。content指令有六個選項，分別是index、follow、noindex、nofollow、all和none，它們的含義分別是：
index:指令搜索引擎可以索引本頁面；
noindex:指令搜索引擎禁止索引本頁面；
follow:指令搜索引擎可以跟蹤本頁面上的鏈接；
nofollow:指令搜索引擎禁止跟蹤本頁面上的鏈接；
all:相當于index和follow指令的總和，指令搜索引擎既可以索引本頁面，也可以跟蹤頁面上的鏈接；
none相當于noindex和nofollow指令的總和，指令搜索引擎禁止索引本頁面和跟蹤頁面上的鏈接；
content中的參數可以寫在一起，以逗號隔開。根據上面的指令，我們可以組合六種組合：
<meta name="robots" content="index,follow">
也可以寫成
<meta name="robots" content="all">
上述指令的意思是告訴搜索引擎可以索引本頁面，也可以跟蹤頁面上的鏈接；
<meta name="robots" content="noindex,follow">
上述指令的意思是告訴搜索引擎禁止索引本頁面，但可以跟蹤頁面上的鏈接；
<meta name="robots" content="index,nofollow">
上述指令的意思是告訴搜索引擎可以索引本頁面，但禁止跟蹤頁面上的鏈接；
<meta name="robots" content="noindex,nofollow">
也可以寫成
<meta name="robots" content="none">
上述指令的意思是告訴搜索引擎禁止索引本頁面和跟蹤頁面上的鏈接；
二、nofollow屬性
這里所說的nofollow屬性和上面講解的meta robots中的nofollow是兩個不同的概念，嚴格意義上來說，nofollow屬性不算作一個標簽，只是a標簽的一個屬性，使用格式是：
<a href="網站域名" rel="nofollow">錨文字</a>
鏈接中的nofollow屬性只適用于本鏈接，意思是告訴搜索引擎不要跟蹤本鏈接，也不傳遞權重。
nofollow標簽常用于博客的評論系統(tǒng)、論壇帖子和一些可以留言的地方，因為這些地方任何用戶都可以留下自己的站點鏈接，所以也是垃圾鏈接出現最多的地方。這種情況下一般站長會有兩個選擇，一是所有評論和回復全部需要審核，二是在所有可以評論和回復的地方系統(tǒng)自動審核，一旦出現外部鏈接，系統(tǒng)會自動添加nofollow屬性。
另外搜索引擎對nofollw屬性的處理方式也不同，百度會視為此鏈接完全不存在，既不傳遞權重，也不浪費權重。Google的做法是不傳遞權重但會浪費權重，添加nofollow屬性的頁面的權重將會消失，所以在做英文站點的時候添加nofollow一定要慎重，有可能適得其反。
三、meta robots和robots.txt的區(qū)別
meta robots是禁止收錄的意思，而網站根目錄中的robots.txt是禁止抓取的意思。
這里需要提醒大家的是，在SEO優(yōu)化中抓取和收錄是兩個不同的概念，站長可以自由設置網站中的某些頁面可以被抓取，也可以設置某些頁面不被抓取，但是搜索引擎抓取的頁面不一樣就會被收錄，搜索引擎抓取的頁面會暫時被放到搜索引擎的臨時庫中，一些被搜索引擎認為不可讀、無用的頁面會被搜索引擎舍棄掉，只要被搜索引擎認為有價值的頁面才會被放到索引庫中，才有排名機會。其實我們常常說的收錄就是搜索引擎的索引量。
?
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
