HTML标签规范疑问:日期与单个词/短语的标签选择
HTML标签使用问题解答
1. 卡片中的日期是否应放在<p>标签中?用什么标签合适?
不建议把YYYY格式的日期放在<p>标签里,因为<p>的语义是段落文本,而日期属于元数据类内容,更适合用语义化的<time>标签。
示例代码如下:
<time datetime="2024">2024</time>
加上datetime属性能让浏览器和搜索引擎明确识别这是日期信息,对无障碍访问和SEO都更友好。另外正如你提到的Kevin Powell的视频内容,日期绝对不能用heading标签——heading标签是用来构建网站内容层级的,日期不属于章节标题类内容,用heading会打乱页面的语义结构。
2. 单个词或短语是否绝不能放在<div>标签中?
不是绝对的。<div>是无语义的块级容器,它本身没有任何语义含义,仅用于样式控制或脚本操作的“容器”。
如果有合适的语义标签可用(比如表示强调用<strong>、表示缩写用<abbr>、表示行内内容用<span>等),优先使用语义化标签;但如果这个单个词/短语不需要任何特定语义,只是需要一个块级容器来做布局或样式调整,那用<div>完全可行——核心原则是:能用语义化标签就不用无语义的<div>,但并非绝对禁止使用。
内容的提问来源于stack exchange,提问作者Kevin Wheeler
相关产品推荐
相关产品推荐

