Javascript獲取標題屬性值

| | | | | | |

HTML

</pre> 標籤定義了網頁的標題。當您將頁面添加到收藏夾列表時,此標題會出現在瀏覽器選項卡欄中。所有網頁都必須包含 <pre class="prettyprint"><title></pre> 標籤。</em></p><p>當您創建網頁時,您必須為該網頁指定標題。例如,假設您正在為當地麵包店的網站創建主頁。您可能希望麵包店的名稱顯示為網頁的標題。</p><p>這就是 HTML <em><pre class="prettyprint"><title></pre></em> 標籤的用武之地. <em>標籤 <pre class="prettyprint"><title></pre></em> 標籤定義了 HTML 文檔的標題,並被放置在網頁的頭部。本教程將通過一個示例介紹 <em><pre class="prettyprint"><title></pre></em> 標籤的重要性以及如何在代碼中使用它。</p><h2> HTML Head Refresher</h2><p>在 HTML 中,<em><head></em> 元素用於存儲 header 元素。這些元素提供有關網頁的附加信息,例如應為網頁顯示的圖標。</p><p><em><head></em> 部分的元素共同描述了有關網頁的關鍵信息一份文件。它們可以將瀏覽器指向文檔中使用的樣式表和腳本(如果使用)。</p><h2>HTML <pre class="prettyprint"><title></pre></h2><p>HTML <em><pre class="prettyprint"> <title></pre></em> 標籤定義了文檔的標題。此標記出現在 <em><head></em> 標記內。這個標籤應該總結一個網頁的目的。你只需要為每頁指定一個<pre class="prettyprint"><title></pre>標籤。</p><p>我們來看看這個標籤的語法:</p> <p><pre class="prettyprint"><title></pre> 標籤有一個開始標籤和一個結束標籤。在這些標籤之間,我們寫了一個網頁的標題。</p> </div>  </div>  </a> </div> <p>我們的<pre class="prettyprint"><title></pre>標籤的文字沒有出現在網頁上。這是因為我們的 <pre class="prettyprint"><title></pre> 標籤包含在 <head> 標籤中,而不是我們網頁上的 <body> 標籤中。</p><p>我們上面的標題很強大,因為它告訴用戶正在查看的確切頁面。我們還指定了站點的名稱,這樣可以避免用戶在視圖中打開多個標題為“主頁”的選項卡時出現混淆。</p><p>標題應該清晰、易於閱讀且不要太長。考慮以下示例標題:</p><ul><li>博客 - Professional Karma</li><li>聯繫 Professional Karma</li><li>Professional Karma 博客</li></ul> <p>所有這些標題都表達了頁面的目的。它不應該太長,因為標題在標籤欄中的空間有限。</p><p><pre class="prettyprint"><title></pre> 標籤支持所有全局屬性,例如在 HTML5 中。所有主要的現代瀏覽器都支持此標籤。標題標籤沒有特定於元素的 HTML 屬性。</p><h2>示例 HTML 標題標籤</h2><p>HTML 標題元素在 <em><head></em> 標籤內定義在 HTML 頁面上。假設我們正在為我們當地的麵包店 Joseph Abrams & Sons 創建一個網頁。我們目前正在構建主頁,我們希望糕點店的名稱出現在網站的標題中。</p><p>我們可以使用以下代碼將頁面標題設置為“<em>Giuseppe Abrams & Figli.</em> ":</p><p>當我們網站的網頁打開時,頁面標題設置為“<em>Joseph Abrams & Sons</em>”。</p> </a> </div> <p>現在假設我們為之前的本地麵包店創建了一個聯繫頁面。我們可以使用標題“<em>Contact | Joseph Abrams & Sons</em>“.這個標題很簡單,也很好地描述了我們網頁的目的。</p><h2>為什麼要使用<pre class="prettyprint"><title></pre>標籤?</h2><p>有一個數字指定文檔標題標籤很重要的原因有很多。</p><p>首先,<em><pre class="prettyprint"><title></pre></em> 標籤在 Web 瀏覽器的標題欄中顯示頁面標題.例如,這個頁面的標題是“<em>HTML Title Tag: A How-To | Python.Engineering</em>。它出現在這個站點的標籤名稱中。</p><p>第二, <em>標籤 <pre class="prettyprint"><title></pre></em> 標籤在網頁被收藏或保存為用戶瀏覽器中的收藏時標記網頁。您指定的標題將自動保存. 如果您沒有為網頁使用合適的標題,用戶可能很難在他們的收藏夾中找到您的頁面。</p><p>搜索引擎依賴於標籤的內容。標題。在 a 中指定的標題標題標籤將是搜索引擎結果頁面 (SERP) 上網頁的標題。SERP 是搜索結果頁面上的條目。</p><p>此外,<em><pre class="prettyprint"> 的內容<title></pre></em>標籤被搜索引擎用來確定網頁的主題。</p><p>所以現在我們知道了<em><pre class="prettyprint"><title></pre></em> 標籤很重要,你可能想知道:如何使用 HTML 標題標籤?我們來回答這個問題。</p><h2>結論</h2><p>T <em><pre class="prettyprint"><title></pre></em> 標籤表示 HTML 文檔的標題。此標題顯示在 Web 瀏覽器的選項卡名稱中。搜索引擎在處理網頁時也使用它來決定標題和主題。</p> </a> </div> <p>本教程通過參考示例介紹了 HTML <em><pre class="prettyprint"><title></pre></em> 標籤的基礎知識。您現在可以作為 HTML 專家開始使用 title 標籤了!</p><p>想了解更多關於 HTML 編碼的知識嗎?查看我們的 <a href="/learn-html/"> HTML 學習指南</a>。本指南包含適合初學者的最佳學習資源和課程列表。和中級開發人員。您還可以找到關於 HTML 主題的最佳書籍。</p>  </div>