从外部HTML中分离DIV
从外部HTML中分离DIV
提问于 2022-01-25 08:15:49
我需要将<div>与其周围的html“隔离/分离”。这意味着，<p>More text</p>下面的<div>应该连接到<h1>和第一段，而不是<h2>和信息面板中的段落。这有可能吗？
<h1>Header</h1>
<p>Some text</p>
<div> //this div should be isolated in a machine reading perspective from the HTML around it
<h2>Information</h2>
<p>Some information text</p>
</div>
<p>More text that follows the paragraph above the div, NOT the div itself.</p>编辑。它与Web内容可访问性指南(WCAG)有关。HTML本身工作得很好，但是我从一些WCAG实例中得到了一个评论，告诉我这不是一种正确的机器可读性。信息div后面的文本应该是信息div之上的文本的延续，而不是div本身中的文本。
他们说这是正确的：
<h1>Header</h1>
<p>Some text</p>
<div>
<h2>Information</h2>
<p>Some information text</p>
</div>
<h2><Header</h2>
<p>More text</p>或者这个：
<h1>Header</h1>
<p>Some text</p>
<p>More text</p>
<div>
<h2>Information</h2>
<p>Some information text</p>
</div>问题是，这是关于一个cms的，编辑器希望能够在段落中间添加信息面板，而不需要在其下面添加一个新的标题。所以我才问。任务不可能？
回答 2
Stack Overflow用户
发布于 2022-01-25 08:23:59
<p>Some information text<p>应该是
<p>Some information text</p>Stack Overflow用户
发布于 2022-01-25 09:05:18
你能做到
<!DOCTYPE html>
<html>
<title>Web Page Design</title>
<head>
<style>
h1{
color: #000;
font-size: 25px;
}
p {
color: red;
font-size:15px;
}
div.more-area{
border:1px solid gray;
padding: 10px;
}
div.more-area > h2 {
color: blue;
font-size: 20px;
}
div.more-area > p {
color: pink;
font-size: 12px;
}
</style>
</head>
<body>
<h1>Header</h1>
<p>Some text</p>
<p>More text</p>
<div class="more-area">
<h2>Information</h2>
<p>Some information text</p>
</div>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/70845365
复制相关文章
相似问题
腾讯云开发者
