草庐IT

semantic-markup

全部标签

html - 使用 HTML5 语义标记搜索结果列表

如果您只需要有用的东西,那么制作搜索结果列表(如在Google中)并不难。然而,现在我想利用HTML5语义的好处来完美地完成它。目标是定义标记搜索结果列表的实际方式,future搜索引擎可能会使用这种方式。对于每一次命中,我都想按数量递增排序显示可点击的标题显示一个简短的摘要显示其他数据,如类别、发布日期和文件大小我的第一个想法是这样的:TheTitleofthePageAshortsummaryofthepageCategoriesFirstcategorySecondcategoryFilesize2kBPublishedToday......我对不是很满意在内.首先,搜索结果命中

html - 使用 HTML5 语义标记搜索结果列表

如果您只需要有用的东西,那么制作搜索结果列表(如在Google中)并不难。然而,现在我想利用HTML5语义的好处来完美地完成它。目标是定义标记搜索结果列表的实际方式,future搜索引擎可能会使用这种方式。对于每一次命中,我都想按数量递增排序显示可点击的标题显示一个简短的摘要显示其他数据,如类别、发布日期和文件大小我的第一个想法是这样的:TheTitleofthePageAshortsummaryofthepageCategoriesFirstcategorySecondcategoryFilesize2kBPublishedToday......我对不是很满意在内.首先,搜索结果命中

html - 何时使用 <br> 换行符与 CSS 定位?

我经常想知道如何正确使用越线。似乎它们经常被错误地用于定位或清除应该使用CSS的内容。W3schoools.org说使用用于空行,但不适用于creatingorseparating段落。翻看W3CHTML5specdraft,更清楚一点的是当内容需要换行时使用,例如地址行或诗歌中的空行,这是作者的意图。但我仍然对任何其他人可能拥有的任何进一步说明或输入感兴趣。我经常发现自己选择不使用标签,而只是使用所需的空白、边距、填充等样式元素来创建所需的空间。并不是说它非常重要,但这是一个让我想到这个的例子,一个流行的(“权威”)网站使用了我不确定是不是很语义化。在这里我会清除通过CSS来自它的s

html - 何时使用 <br> 换行符与 CSS 定位?

我经常想知道如何正确使用越线。似乎它们经常被错误地用于定位或清除应该使用CSS的内容。W3schoools.org说使用用于空行,但不适用于creatingorseparating段落。翻看W3CHTML5specdraft,更清楚一点的是当内容需要换行时使用,例如地址行或诗歌中的空行,这是作者的意图。但我仍然对任何其他人可能拥有的任何进一步说明或输入感兴趣。我经常发现自己选择不使用标签,而只是使用所需的空白、边距、填充等样式元素来创建所需的空间。并不是说它非常重要,但这是一个让我想到这个的例子,一个流行的(“权威”)网站使用了我不确定是不是很语义化。在这里我会清除通过CSS来自它的s

html - 为什么 W3C 建议将输入元素包装在 <p> 标签中?

我在网上看到过很多这样布局表单的例子:令我惊讶的是,thespecification中也对此进行了描述:Anyformstartswithaformelement,insidewhichareplacedthecontrols.Mostcontrolsarerepresentedbytheinputelement,whichbydefaultprovidesaone-linetextfield.Tolabelacontrol,thelabelelementisused;thelabeltextandthecontrolitselfgoinsidethelabelelement.Each

html - 为什么 W3C 建议将输入元素包装在 <p> 标签中?

我在网上看到过很多这样布局表单的例子:令我惊讶的是,thespecification中也对此进行了描述:Anyformstartswithaformelement,insidewhichareplacedthecontrols.Mostcontrolsarerepresentedbytheinputelement,whichbydefaultprovidesaone-linetextfield.Tolabelacontrol,thelabelelementisused;thelabeltextandthecontrolitselfgoinsidethelabelelement.Each

html - Schema.org 给一个 div 一个 itemprop ="image"?

我正在用替换图像与background-image因为background-size:cover;该页面的结构与之前的图像相同,只是“图像”现在是一个div。将itemprop赋予是否有意义? 最佳答案 据我所知,任何微数据解析器都无法识别CSS。您需要添加元标记来指定图像,如下所示: 关于html-Schema.org给一个div一个itemprop="image"?,我们在StackOverflow上找到一个类似的问题: https://stackover

html - Schema.org 给一个 div 一个 itemprop ="image"?

我正在用替换图像与background-image因为background-size:cover;该页面的结构与之前的图像相同,只是“图像”现在是一个div。将itemprop赋予是否有意义? 最佳答案 据我所知,任何微数据解析器都无法识别CSS。您需要添加元标记来指定图像,如下所示: 关于html-Schema.org给一个div一个itemprop="image"?,我们在StackOverflow上找到一个类似的问题: https://stackover

HTML5 导航标签的正确用法

HomeForumConstructArcadeManualHomepageConstructProductsCommunityForumContactUs在语义上是否更正确?围绕这两个单独,还是应该一个导航包两个?另外,使用nav标签环绕我的页脚菜单项是否合适? 最佳答案 引用规范:Thenavelementrepresentsasectionofapagethatlinkstootherpagesortopartswithinthepage:asectionwithnavigationlinks.Notallgroupsofli

HTML5 导航标签的正确用法

HomeForumConstructArcadeManualHomepageConstructProductsCommunityForumContactUs在语义上是否更正确?围绕这两个单独,还是应该一个导航包两个?另外,使用nav标签环绕我的页脚菜单项是否合适? 最佳答案 引用规范:Thenavelementrepresentsasectionofapagethatlinkstootherpagesortopartswithinthepage:asectionwithnavigationlinks.Notallgroupsofli