我做了一些研究,没有找到合适的答案.我想知道在产品列表中使用li元素或者切换到article元素是否更好?

每个产品列表包含1个主要图像,名称和价格.

解决方法

从描述产品列表(图像名称价格)的方式来看,它似乎不符合 article in HTML5的描述:

The article element represents a section of content that forms an independent part of a document or site; for example,a magazine or newspaper article,or a blog entry.

问问自己:该内容是否会独立于页面内容的其他部分?如果你脱离背景,它会自己有意义吗?如果答案是“否”,那么您应该考虑< article>可能不是最合适的标签.

如果要显示多个产品,则样式列表(有序或无序)似乎是最佳方法.但请查看一些实际案例:大公司如何做到这一点?:

>亚马逊,谷歌购物,TMall和沃尔玛使用列表(ol或ul)> AliBaba和Ebay只使用没有任何类型列表的div框.>淘宝使用两者的组合(div为盒子,ul为名称和价格)

html5 – 我应该在产品列表中使用’li’或’article’吗?的更多相关文章

  1. 浅析HTML5页面元素及属性

    这篇文章主要介绍了浅析HTML5页面元素及属性,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 在Android Chrome浏览器中的移动Web应用程序菜单中未检测到HTML unicode

    我在Android移动Chrome浏览器的网站菜单中有一个问题,无法显示unicode.但如果我在iPhone或其他Android浏览器中检查我的Web应用程序,它正在呈现或正常工作.我在这个结构中使用了这个图标但它不是在移动Chrome浏览器中显示如何解决它!解决方法另一种选择是使用≡相反:它看起来非常相似:≡而不是

  3. vBulletin HACK----关于排版的两个HACK

    《以vB代码实现的简单文字排版》原因:1.1.4版本中没有这些,而国内的比较著名的UBBHACK之家就增加了很多对于文字排版的UBB代码。步骤:打开global.php,查找“functionbbcodeparse2{”,在[code]和其它HACK之前的适当位置,例如“//执行引用回复$bbcode=eregi_replace;//小写化$bbcode=str_replace;$bbcode=str_replace;$bbcode=str_replace;$bbcode=str_replace;”,在后

  4. php分别做为cgi和module来运行的配置

    php:PHPVersion5.0.0b4apache:Apache/2.0.49(Win32)1,做为cgi来运行2,做为module来运行1,做为apache2的cgi运行ScriptAlias/php/"c:/php/"AddTypeapplication/x-httpd-php.phpActionapplication/x-httpd-php"/php/php-cgi.exe"上面的代码添

  5. JDBCTM 指南:入门5 - ResultSet

    JavaSoft目前正在准备这本书。ResultSet.next方法用于移动到ResultSet中的下一行,使下一行成为当前行。在ResultSet对象或其父辈Statement对象关闭之前,光标一直保持有效。关于ResultSet中列的信息,可通过调用方法ResultSet.getMetaData得到。返回的ResultSetMetaData对象将给出其ResultSet对象各列的编号、类型和属性。getString的返回值将为JavaString对象。TIYITSMALLITITEGERBIGNTRE

  6. 修改UL和LI间隔的简单方法

    下面小编就为大家带来一篇修改UL和LI间隔的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. vBulletin HACK----显示话题大小和打开新窗口于论坛索引页

    vBulletinHACK----显示话题大小和打开新窗口于论坛索引页作者:gogosoft《显示话题大小》原因:1.1.4版本中没有此功能,而部分用户会以此作为是否查看话题的参考因素。《打开新窗口》原因:这对于浏览一个经常更新的论坛来说,是很有用的,用户可以很简单地就打开了很多不同话题的窗口。

  8. angular或者js怎么确定选中ul中的哪几个li

    下面小编就为大家带来一篇angular或者js怎么确定选中ul中的哪几个li。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  9. Jquery和JS获取ul中li标签的实现方法

    下面小编就为大家带来一篇Jquery和JS获取ul中li标签的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML速写之Emmet语法规则的实现

    这篇文章主要介绍了HTML速写之Emmet语法规则的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

返回
顶部