標簽[semantic-markup] - 堆棧內存溢出

如果您無法將搜索欄放在<header> , 僅在<main> - 你可以把它放在哪個標簽上？</main></header>

[英]If you can't place the search bar inside the <header>, only inside the <main> - Which tag can you place it into?

假設不能將搜索欄放在 <header> 內，只能放在 <main> 內 - 將搜索欄放在 <form> 或容器中的語義合理標簽是什么？大多數網站都在談論放置搜索欄的“最佳”位置，據我所知是 <header>，但萬一不能將搜索欄放在 <head ...

由於 rowspan 和 colspan 在語義上不正確，是否正在使用“隱藏”html 屬性來隱藏表格單元格？

[英]Is using the "hidden" html attribute to hide table cells because of rowspan and colspan semantically incorrect?

由於另一個表格單元格的 rowspan 和 colspan 屬性，在隱藏表格單元格時使用“隱藏”屬性在語義上是否正確？我只能找到完全刪除表格單元格的示例，以便為跨越多行和多列（具有rowspan和colspan屬性）的單元格騰出空間。例子：<table> <tr> ...

適用於頁腳內版權內容的標簽

[英]Suitable Tag for copyright content inside footer

我正在嘗試對一份工作進行評估。任務是將div標簽轉換為正確的 HTML5 語義標簽。不允許我修改/刪除任何其他內容。頁腳的代碼是這樣的：<div class="footer"> <div class="copyright-content"> &l ...

如何移動標題內聯？

[英]How to move a heading inline?

我想模仿這種在 HTML/CSS 中的段落上有“標題”的設計。從語義上講，這些“標題”應該是標題。有沒有辦法為 CSS 中的段落和列表項實現這一點？我最好的想法是在這樣的標題之后聲明段落/列表項以內聯顯示，但這會產生奇怪的間距問題：因為我在標題之后聲明一個段落以顯示內聯並且不清除標題，如果 ...

div 內的嵌套語義 html 標簽會影響 SEO 和輔助技術嗎？

[英]Nest semantic html tag inside a div affects SEO and assistive technologies?

所有的 Web 開發課程和路徑都告訴我們，現在我們需要盡可能多地使用語義標簽，而不是例如 div，這是改進搜索引擎優化和輔助技術如何工作的最佳實踐，但是當我會例如，使用 CSS Grid 創建布局，我可以使用 div 容器進行布局並將語義標簽嵌套在其中還是直接將它們應用於語義標簽？就像是... ...

機器閱讀器在語義上正確的 HTML5 標准用於將文章/部分包裝在部分/文章內有什么區別（如果有的話）？

[英]What is the difference, if any, for machine-readers semantically correct HTML5 standard for wrapping article/section inside section/article?

在不同的頁面上，這兩種做法的例子數不勝數。有些人這樣做，有些人更喜歡另一種方式。我在詢問有關兩者之間區別的客觀，可驗證的來源： A) 如果將<section>放在<article>中，會有什么影響（如果有的話）？ B）如果將<article>放在&l ...

如何在語義上標記多級復選框和單選組？

[英]How to semantically mark up multilevel checkbox and radio groups?

我將有 2 個列表：帶有單選按鈕和復選框（多級）我當前的 html 是：我的第一個標簽中沒有我的subgroup可以嗎？我見過很多不同的例子，但我想知道哪一個在語義上是正確的？ ...

按鈕列表的語義 HTML 方式？

[英]The Semantic HTML way for a buttons list?

假設我有一個按類別過濾內容的按鈕列表 <nav>元素是正確的組件嗎？ <p>應該改為標題嗎？我知道<input>字段可以在<fieldset>內的一個組中，頂部有一個<legend> ，但這是否適用於上面的示例？謝謝 ...

可以在 HTML 按鈕內添加標題嗎？

[英]Is it okay to add a headline inside an HTML button?

我想知道在 HTML 按鈕中添加諸如 h1、h2、h3、h4 之類的標題在語義上是否正確或可以。例子 ...

自定義元素 (HTMLElement) 允許作為列表的子元素 (<ul> 和<ol> )?

[英]Custom Element (HTMLElement) allowed as child of list (<ul> and <ol>)?

我認為這是不允許的： <ul> <my-li> #shadow-root <li> <span>hello!</span> </li> </my-li> </ul&g ...

指示 ` <cite>` 元素引用的作品類型的最佳方式是什么？</cite>

[英]What is the best way of indicating the type of work cited by a `<cite>` element?

根據MDN ： <cite> HTML 元素用於描述對引用的創意作品的引用，並且必須包含該作品的標題。 MDN 然后提供了一長串不同類型的工作列表，人們可能希望使用<cite>來引用這些工作。然而，根據所遵循的風格指南，不同類型的作品會產生不同的引用（例如，電影的標題 ...

HTML中的無障礙卡網格流

[英]Accessible cards grid flow in HTML

HTML 我應該寫哪個來提供卡流（通常是產品、人、公司等）的可訪問性？沒有可訪問性，它會像也許我應該將其表示為無序列表的鏈接，但這是我想問的。在 Bootstrap 5 示例中，卡片模板代碼中沒有任何內容與輔助功能相關（圖像的alt除外）： ...

HTML<article> 與 Bootstrap 4 卡玩得不好</article>

[英]HTML <article> not playing well with Bootstrap 4 card

我正在嘗試將 HTML 語義標簽<article>添加到我的 Bootstrap 4 卡代碼中。這些卡片也使用h-100 ，因此它們沿row的高度相同。但是，當我添加標簽時，每張卡片不會保持統一的高度，而是依賴於其內容。我曾嘗試在卡片之前和之后立即添加文章標簽，但兩次嘗試都產生了不 ...

書籍內容的語義 HTML 元素？

[英]Semantic HTML element for a book content?

我想將整本書的內容（所有文本、章節等）放入 HTML 文件中。是否有任何語義 HTML 元素可用於包裝書中的文本？例如，假設我想創建一個網站，讓人們可以閱讀無版權的書籍。我應該如何管理圖書內容？使用簡單的段落<p>還是有更具體的元素？ <article>是否符合這 ...

我應該使用<section> ,<div> 或者<article>這里？我不想染上“div”流感</article></div><div id="text_translate"><p>我開始學習語義 HTML，我有點困惑。我已經閱讀了很多關於這些標簽的內容，但我仍然不知道該使用哪一個。我正在創建個人作品集，這是登錄頁面的一部分：</p><pre> <section> <div> <h2>Who am I?</h2> <p>I'm <b>Nolan Knefati</b>, Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla voluptatibus distinctio quisquam, adipisci officia necessitatibus iusto, Tempore quos a illum, perspiciatis fugiat expedita consequuntur maxime voluptate reprehenderit beatae. explicabo iure?.</p> </div> <div> <h2>What sort of services do I offer,</h2> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit, Quia voluptas totam. minima eaque eveniet eos distinctio labore fugit dolorem. vel molestiae laudantium unde deserunt voluptatem reprehenderit aliquid repellat rem hic,</p> </div> <div> <h2>Some projects I have worked on</h2> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit, Voluptatem earum veniam quas? debitis neque molestias perferendis eius. beatae nobis enim corrupti dolor non eligendi magni tempore fugiat quibusdam itaque delectus?</p> </div> <a href="contact.html" class="standardbutton">I want to hire you</a> </section></pre><p> 我確實想避免感染“div”流感，這就是為什么我想看看如何在語義上更好地寫這個。</p><hr><p> 這就是代碼遵循所有提示的方式。</p><pre> <main> <h1>Welcome, I'm Nolan.</h1> <img src="Media/Ferret.jpg" alt="A ferret enjoying the snow, also looking at you" class="presentationpicture" title="Most recent Nolan's portrait"> <section> <h2>Who am I?</h2> <p>I'm <b>Nolan Knefati</b>, Lorem ipsum dolor sit amet consectetur adipisicing elit. Nulla voluptatibus distinctio quisquam, adipisci officia necessitatibus iusto, Tempore quos a illum, perspiciatis fugiat expedita consequuntur maxime voluptate reprehenderit beatae. explicabo iure?</p> </section> <section> <h2>What sort of services do I offer.</h2> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit, Quia voluptas totam, minima eaque eveniet eos distinctio labore fugit dolorem. vel molestiae laudantium unde deserunt voluptatem reprehenderit aliquid repellat rem hic.</p> </section> <section> <h2>Some projects I have worked on</h2> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit, Voluptatem earum veniam quas, debitis neque molestias perferendis eius. beatae nobis enim corrupti dolor non eligendi magni tempore fugiat quibusdam itaque delectus.</p> </section> <a href="contact.html" class="standardbutton">I want to hire you</a> </main></pre><p> 我在 header 標記中擁有 H1，但我將其移動以支持主標記，因此，據了解，它在語義上會更好。</p></div></section>

[英]Should I use <section>,<div> or <article> here? I don't want to catch the 'div' flu

我開始學習語義 HTML，我有點困惑。我已經閱讀了很多關於這些標簽的內容，但我仍然不知道該使用哪一個。我正在創建個人作品集，這是登錄頁面的一部分：我確實想避免感染“div”流感，這就是為什么我想看看如何在語義上更好地寫這個。這就是代碼遵循所有提示的方式。我在 header 標記中擁有 H1 ...

Xamarin IMarkupExtension，獲取 ViewModel 屬性值

[英]Xamarin IMarkupExtension, Get ViewModel Property Values

下面是 MvxLang 的修改實現。我的目標是能夠使用存儲在我們項目資源中的 <ViewModelName>.json 文件中的現有字符串值以及從 <ViewModelName>.cs 文件中檢索到的動態生成的文本來簡潔地實現屏幕閱讀器文本。我希望使用以下語法：這樣，我 ...

可訪問性：主頁導航包含 h2，下面是 h1 標題

[英]Accessibility: Main page navigation contains h2, h1 heading is below

考慮這個標記：<!doctype html> <html> <head> </head> <body> <header> <nav> ...

是否有標准或首選的標簽類型可用於向位置添加額外的錨/片段鏈接？

[英]Is there a standard or preferred tag type for adding additional anchor / fragment links to a location?

我目前在 HTML 文檔中的每個部分標題上都有一個id屬性，因此可以使用直接鏈接到文檔中該部分的 hash 片段生成 URL。例如：當然，這將被鏈接為page.html#section3.4 。我想為該片段提供另一種格式，例如page.html#s3.4 。確切的格式是任意的，在這里並不重 ...

帶 DT 的 DD 文本

[英]DD text inline with DT

我希望能夠使用定義列表<dl>來格式化如下內容： HTML是這樣的： <dl> <dt>Abandonnement</dt> <dd>m. an abandonning, quitting, forsaking, leavi ...

語義上/可訪問地正確使用<details>對於圖像標題？

[英]Semantically/accessibly correct use of <details> for an image caption?

我有一些很長的圖片說明，我想使用<details>標簽來適應這些。但我不確定如何以與figcaption和figure相同的方式在語義上/可訪問地將細節與圖像相關聯。這樣做的正確方法是什么？ <img src="https://placeimg.com/150 ...