Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 文章列表页面的HTML标记_Css_Html - Fatal编程技术网

Css 文章列表页面的HTML标记

Css 文章列表页面的HTML标记,css,html,Css,Html,我有一个FAQ页面,其中列出了FAQ主题。它看起来像这样: 页眉 页面介绍 以下常见问题解答主题1的标题(作为链接-ahref) 常见问题解答主题1介绍文本 以下常见问题解答主题2的标题(作为链接-href) 常见问题解答主题2介绍文本 以下常见问题解答主题3的标题(作为链接-href) 常见问题解答主题3介绍文本 ……… ……… 我希望使用HTML5以最语义正确的方式标记这一点 目前我正在考虑这样说: section header h1 - page header

我有一个FAQ页面,其中列出了FAQ主题。它看起来像这样:


页眉

页面介绍

以下常见问题解答主题1的标题(作为链接-ahref)
常见问题解答主题1介绍文本

以下常见问题解答主题2的标题(作为链接-href)
常见问题解答主题2介绍文本

以下常见问题解答主题3的标题(作为链接-href)
常见问题解答主题3介绍文本

………
………


我希望使用HTML5以最语义正确的方式标记这一点

目前我正在考虑这样说:

section header h1 - page header p - page intro header end div article h1 a - FAQ topic 1 heading (as a link) p - FAQ topic 1 text article end article h1 a - FAQ topic 2 heading (as a link) p - FAQ topic 2 text article end article h1 a - FAQ topic 3 heading (as a link) p - FAQ topic 3 text article end ........... ........... div end section end 部分 标题 h1-页眉 p页简介 收割台端 div 文章 h1 a-常见问题解答主题1标题(作为链接) p-常见问题解答主题1文本 文章结尾 文章 h1 a-常见问题解答主题2标题(作为链接) p-常见问题解答主题2文本 文章结尾 文章 h1 a-常见问题解答主题3标题(作为链接) p-常见问题解答主题3文本 文章结尾 ........... ........... 分割端 段末 你们对指定场景的这个标记有什么看法?我有什么办法可以解决这个问题

感谢您的支持。

我想您会发现它很有用,因为它列出了许多情况以及如何正确地概括页面内容。在你的例子中,我看不出你的标记有任何重大的语义问题


编辑:我还将包括一个典型页面标记的好例子。

我不知道你为什么要这样做,但是你可以在每个问题的上下文中或在文章中添加内容general@john对不起……我不明白你的意思。你能详细说明一下吗?你的加价很好。只要确保在完成后通过W3C验证程序运行即可。