通過使用錨鏈接顯示附加信息CSS

HTML：通過使用錨鏈接顯示附加信息CSS

<article> 
    <h1>First Heading</h1> 

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In, suscipit, itaque. Cumque asperiores vel quae necessitatibus eos? Sequi odit dolores placeat voluptatibus ea, beatae, praesentium quod deserunt hic enim veniam.</p><br> 

    <a href="#sectionTwo">Read more...</a> 

    <article id="sectionTwo"> 
    <h1>Second Heading</h1> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem fugiat libero molestiae, eaque adipisci sit qui odit assumenda voluptas laborum veniam ut animi ratione natus, deleniti, facere iste ea necessitatibus?</p> 
    </article> 

</article>

CSS：

#sectionTwo { 
    display: none; 
} 
#sectionTwo:target { 
    display: block; 
}

爲什麼是第二h1比第一個更小，是不是應該是相同的在重量 - 同樣呈現爲純h1標籤，每個爲自己article？

來源

2017-10-15 hooraianz

謝謝李斯特先生，但這是否意味着它具有'h2'標籤的含義？ – hooraianz

對身體來說，是的，更多更少。這些文章是文檔的獨立部分，其整體排名低於文檔。但當然，不在文章的範圍內。在那裏你有頂部的H1和任何你期望他們的地方的H2。 –

尋求SEO建議是關於堆棧溢出（這類問題可以在[webmasters.se]上提問），所以我建議編輯它。 – unor

文章中的h1被視爲子標題，並以比正常尺寸更小的尺寸顯示。在您的示例中，第二個h1位於嵌套的文章中，所以它甚至比這更簡單。

第一個h1也小於一個直接在身體裏會。例如：

<h1>Top Heading</h1> 
 

 
<article> 
 
    <h1>First Heading</h1> 
 

 
    <article id="sectionTwo"> 
 
    <h1>Second Heading</h1> 
 
    </article> 
 

 
</article>

關於你的第二個問題：不知道。任何理由懷疑它可能無法正常工作？
我經常在Google上找到那些沒有我第一次訪問的信息的頁面，它隱藏在「閱讀更多」鏈接後面。

來源

2017-10-15 11:15:14

謝謝。是的，我懷疑某些引擎可能會將「display：none」解釋爲可忽略的內容。因此，我需要確保他們可以跟隨錨鏈接並對目標元素（具有display：none的那個）執行相關的CSS編碼（'display：block'） – hooraianz

我剛剛給我的回答添加了一條評論，但我絕不是SEO專家，所以你可能不得不等待另一個回答者來解決這個問題。 –

那麼，好吧，我會等待，希望有人能夠很好地理解這個問題，就像你爲我的第一個問題所做的那樣。謝謝：） – hooraianz

通過使用錨鏈接顯示附加信息CSS

回答

相關問題