语义化HTML:p、h1-6、q、blockquote、hr、address、code、pre、var、cite、dfn和samp

一、元素语义                        

p标签

  W3C草案:

The p element represents a paragraph.W3C specification

  语义化的 <p>元素 表示:文章中的段落。默认样式 margin: 1em 0

h1-6标签

  W3C草案:

The h1 through h6 elements are headings for the sections with which they are associated. W3C specification

  语义化的 <h1>元素 到 <h6>元素 表示:作为相关内容的标题,且<h1>为最高级别的标题。注意:<h1>元素一般用作网页标题,网页中最多出现一个<h1>元素。

q标签

   W3C草案:

The q element represents phrasing content quoted from another source.W3C specification

语义化的 <q>元素 表示:引述其他人或来源的简短内容(句子),建议通过cite特性添加来源地址。注意:<q>元素的默认样式为引述的内容前后添加双引号。

blockquote标签

   W3C草案:

The blockquote element represents a section that is quoted from another source.W3C specification

  语义化的 <blockquote>元素 表示:引述其他人或来源的长篇幅的内容(段落),建议通过cite特性添加来源地址。注意:<blockquote>元素的默认样式为引述的段落左右添加缩进40px。

hr标签

  W3C草案:

The hr element represents a paragraph-level thematic break.W3C specification

  语义化的 <hr>元素 :用于表示上面的主题结束,接下来的内容属于另一个主题。

address标签

  W3C草案:

The address element represents contact information.W3C specification

语义化的 <address>元素 :用于表示联系的地址信息。注意:若<address>元素为<body>元素的亲子元素,则表示当前网页的联系地址信息;若<address>元素为某个段落的子元素则表示为该段落内容的联系地址信息。

code标签

  W3C草案:

The code element represents a fragment of computer code.W3C specification

 语义化的 <code>元素 :用于表示简短的计算机代码片段。

pre标签

  W3C草案:

The pre element represents a block of preformatted text, in which structure is represented by typographic conventions rather than by elements.W3C specification

语义化的 <pre>元素 :用于对内容连内容排版原封不动地显示。可用于显示大量的计算机代码片段。

var标签

 W3C草案:

The var element represents either a variable in a mathematical expression or programming context, or placeholder text that the reader is meant to mentally replace with some other literal value.W3C specification

  语义化的 <var>元素 :表示数学表达式、程序上下文或占位符。

cite标签

  W3C草案:

The cite element represents the cited title of a work; for example, the title of a book mentioned within the main text flow of a document.W3C specification

 语义化的 <cite>元素 :表示该内容为某作品的标题,作品包括诗歌、书籍、小说、电影、歌剧、电视剧、音乐、展览、报告等。

dfn标签

  W3C草案:

The dfn element represents the defining instance of a term.W3C specification

  语义化的 <dfn>元素 :表示该内容为特定领域的术语,用于与其他内容作区分,以便读者识别并提示读者查阅术语说明等进一步了解该内容的含义。注意:一般仅在该内容在全文首次出现的位置使用,其他位置不再通过<dfn>元素来标识该术语。

samp标签

   W3C草案:

The samp element represents (sample) output from a program or computing system.W3C specification

  语义化的 <samp>元素 :表示由程序或计算机输出的文本字符串。

二、参考                          

http://www.w3school.com.cn/tags/tag_phrase_elements.asp

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Flutter入门

Flutter开发实战分析-animation_demo解析导读

以下代码基本参考于 flutter_gallery中的animation_demo示例。(可以结合本文看源码) 整体动画效果预览

6853
来自专栏ytkah

Excel表格的35招必学秘技[配图]

一、让数据按需排序   如果你要将员工按其所在的部门进行排序,这些部门名称既的有关信息不是按拼音顺序,也不是按笔画顺序,怎么办?可采用自定义序列来排序。  ...

5458
来自专栏大壮

iOS 动画(理论篇)

1625
来自专栏Windows Community

New UWP Community Toolkit - RadialGauge

概述 New UWP Community Toolkit  V2.2.0 的版本发布日志中提到了 RadialGauge 的调整,本篇我们结合代码详细讲解  R...

41915
来自专栏前端小作坊

React diff 算法

React是facebook开发的一个用于UI开发的基础库。它自底向上重新设计了,为了实现高性能。在这篇文章中将展示React的diff算法是如何来优化你的ap...

1273
来自专栏Java后端技术

jquery中dom元素的attr和prop方法的理解

  在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候,经常不知道dom元素的attr和pro...

742
来自专栏AI星球

Markdown的简单实例

图片可以直接拖拽到编辑区即可,插入图片的语法和链接的语法很像,只是前面多了一个 !。 markdown代码:

1362
来自专栏小李刀刀的专栏

容易被误解的overflow:hidden

为了页面的健壮性,我们常常需要使用overflow:hidden。有时候是为了防止布局被撑开,有时候是为了配合其它规则实现文字截断,还有时候纯粹是为了创建块级上...

37611
来自专栏hightopo

原 荐 WebGL 3D 电信机架实战之数据

2066
来自专栏carven

利用canvas实现毛笔字帖(一)

最近在慕课网上找到了很好的canvas教程, 来自 @liuyubobobo 的 学写一个字 canvas绘图教程 在 @liuyubobobo 老师的系列ca...

1542

扫码关注云+社区