语义化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
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
语义化HTML：p、h1-6、q、blockquote、hr、address、code、pre、var、cite、dfn和samp的更多相关文章
- [html] HTML结构的语义化
原文链接:http://www.cnblogs.com/freeyiyi1993/p/3615179.html 1.什么是html语义化 选择合适的html标签,便于开发者阅读和写出更优雅的代码的同时 ...
- web语义化理解
含义: Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解. 为什么要web语义化?如今互联网都到了web2.0的时代了,HTML语言在不断的进化并发 ...
- HTML结构 语义化思想
总体思想:用正确的标签做正确的事情! 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析. 主要体现: 1. 对用户而言, ...
- 如何理解 HTML 语义化？
先看下面两段代码 <div>标题</div> <div> <div>一段文字</div> <div> <div>列表 ...
- Html标签的语义化
为了使我们的网站更好的被搜索引擎抓取收录,更自然的获得更高的流量,网站标签的语义化就显得尤为重要.所谓标签语义化,就是指标签的含义. 为了更好的理解标签的语义化,先看下面这个例子: 1 <tab ...
- 浅谈html语义化标签,Html5新增语义化标签
Html语义化标签,Html5新增语义化标签 自己在学习的期间,整理了下html关于语义化标签的一些知识,列的不是很全. 希望大家有新的见解可以给我留言,我会补充上去,谢谢大家 1.什么是语义化标签? ...
- HTML标签语义化
标签语义化 Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解. 如果可以在合适的位置使用恰当的标签,那么写出来的页面语义明确,结构清晰,搜索引擎也可 ...
- html5语义化标签总结二
HTML 5的革新之一:语义化标签二文本元素标签.分组元素标签. HTML 5的革新——语义化标签(一)中介绍了一些HTML5新加的一些节元素,一张页面中结构元素构成网页大体,但是也需要其他内容来填充 ...
- HTML语义化（2016/3/16更新）
目录 什么是HTML语义化? 为什么要语义化 常用标签的语义 HTML5新元素 一.什么是HTML语义化? 简单来讲就是:每个标签做自己的事,使得能够被机器直接读懂. 二.为什么要语义化? 1.更容易 ...
随机推荐
- Apache Lucene 4.5 发布，Java 搜索引擎
Apache Lucene 4.5 发布了,该版本提供基于磁盘的文档值以及改进了过滤器的缓存.Lucene 4.5 的文档请看这里. Lucene 是apache软件基金会一个开放源代码的全文检索引擎 ...
- LIstView 滚动 异步 加载更多 mono for android ScrollStateChanged ScrollState.Idle; Fling;TouchScroll
今天项目需要实现一下列表的分页加载 找到了Listview的ScrollStateChanged方法. 和大家分享一下 //先找到Listview ListView order = FindViewB ...
- 软件工程day4
使用ps制作了一个icon,将在下个版本中添加,用作程序图标. 参与组例会,得知新功能“吐槽墙”将以聊天室类似的社区形式实现. 提出对现有UI的建议: 对目前的登录窗口的UI不做改动,将标题的“用户登 ...
- 坑爹的BufferManager
特别记录一下 国内外各种关于 Socket 的例子或开源项目,大部分都采用了 BufferManager.cs(代码类似). 也不知道是哪一个坑货写的.有一定几率会导致内存无法复用,导致数据是上一个的 ...
- 冲刺阶段 day12
项目进展 周二我们将专业管理部分又继续做了完善,之前漏掉的几项功能也都在熟能生巧中编写的越来越顺畅,但还差最后一点数据库部分没能实现,我们会尽快完成. 存在问题 还是与数据库的连接上出现问题,部分不能 ...
- 冲刺阶段 day 10
项目进展 目前我们已经完成了系部管理,教师管理,班级管理,学生管理这四大部分代码的编写及数据库的搭建与连接.就差最后专业管理这一部分了. 存在问题 其实我们从开始这个项目到现在,最大的问题还是在代码编 ...
- 深入理解MVVM模式中Silverlight的Trigger、Action和Behavior及Silverlight的继承机制
接触Silverlight已经有两三个月了,开始一直感觉他和Winform很相似,拖拖控件就行了,所以一直把经历放在了研究后台和服务器交互和性能优化上面,很少去仔细研究Silverlight的页面.前 ...
- C# Lambda表达式详解，及Lambda表达式树的创建
最近由于项目需要,刚刚学完了Action委托和Func<T>委托,发现学完了委托就必须学习lambda表达式,委托和Lambda表达式联合起来,才能充分的体现委托的便利.才能使代码更加简介 ...
- sybase学习
安装 下载安装包, 解压到/opt/sybase,注意必须目录是这样的/opt/sybase/ASE-15_0/install/ ,因为RUN_DBSVR里面写死了/opt/sybase/ASE-15 ...
- show一下自己的文档编写功底
以我为例,我绝对相信,“才华”和颜值成反比.这里我要秀一下我的文档编写能力.在我这十年的工作生涯里,的确有数不清的次数,我的同事或上司,对我设计和制作的文档表示称赞. 我曾记得,2010年我在好丽友— ...