一、元素语义　　　　　　　　　　　　　　　　　　　　　　　　

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的更多相关文章

  1. [html] HTML结构的语义化

    原文链接:http://www.cnblogs.com/freeyiyi1993/p/3615179.html 1.什么是html语义化 选择合适的html标签,便于开发者阅读和写出更优雅的代码的同时 ...

  2. web语义化理解

    含义: Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解. 为什么要web语义化?如今互联网都到了web2.0的时代了,HTML语言在不断的进化并发 ...

  3. HTML结构 语义化思想

    总体思想:用正确的标签做正确的事情! 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析. 主要体现: 1. 对用户而言, ...

  4. 如何理解 HTML 语义化？

    先看下面两段代码 <div>标题</div> <div> <div>一段文字</div> <div> <div>列表 ...

  5. Html标签的语义化

    为了使我们的网站更好的被搜索引擎抓取收录,更自然的获得更高的流量,网站标签的语义化就显得尤为重要.所谓标签语义化,就是指标签的含义. 为了更好的理解标签的语义化,先看下面这个例子: 1 <tab ...

  6. 浅谈html语义化标签,Html5新增语义化标签

    Html语义化标签,Html5新增语义化标签 自己在学习的期间,整理了下html关于语义化标签的一些知识,列的不是很全. 希望大家有新的见解可以给我留言,我会补充上去,谢谢大家 1.什么是语义化标签? ...

  7. HTML标签语义化

    标签语义化 Web语义化是指使用语义恰当的标签,使页面有良好的结构,页面元素有含义,能够让人和搜索引擎都容易理解. 如果可以在合适的位置使用恰当的标签,那么写出来的页面语义明确,结构清晰,搜索引擎也可 ...

  8. html5语义化标签总结二

    HTML 5的革新之一:语义化标签二文本元素标签.分组元素标签. HTML 5的革新——语义化标签(一)中介绍了一些HTML5新加的一些节元素,一张页面中结构元素构成网页大体,但是也需要其他内容来填充 ...

  9. HTML语义化（2016/3/16更新）

    目录 什么是HTML语义化? 为什么要语义化 常用标签的语义 HTML5新元素 一.什么是HTML语义化? 简单来讲就是:每个标签做自己的事,使得能够被机器直接读懂. 二.为什么要语义化? 1.更容易 ...

随机推荐

  1. 使用Roboguice依赖注入规划Android项目

    前言 好久没写博客了,罪过啊-记事本里累积了不少东西,整理整理放上来. 关于依赖注入 Dependency Injection( 依赖注入)可以很好的帮助我们分离模块,降低耦合.提高可测试性.(PS: ...

  2. .NET Framework3.0/3.5/4.0/4.5新增功能摘要

    Microsoft .NET Framework 3.0 .NET Framework 3.0 中增加了不少新功能,例如: Windows Workflow Foundation (WF) Windo ...

  3. Kali Linux渗透测试实战 1.2 环境安装及初始化

    1.2 环境安装及初始化 目录(?)[-] 环境安装及初始化 下载映像 安装虚拟机 安装Kali Linux 安装中文输入法 安装VirtualBox增强工具 配置共享目录和剪贴板 运行 Metasp ...

  4. [异常解决] JTAG 与STM32的SWD连接接线方式

    如果我们的板子上只留了4个接口:V3.3,SWDIO,SWDCLK,GND.那么和JTAG的连接关系参见下图: dd400cf22b5c01e57a6c9e198d5383a0_189.jpg (0 ...

  5. (翻译)正确实施DevOps-The Lay of the Land

    原文地址:http://www.drdobbs.com/architecture-and-design/getting-devops-right-the-lay-of-the-land/2400626 ...

  6. 使用ruby过程中遇到安装gem失败的一些通用解决方案

    ruby语言升级还是比较勤快的.但是数量众多的版本使得程序库的兼容性成了大问题.有些gem表示明确不支持某个特定版本以前的ruby,而有些gem则与较高的版本不兼容.再加上gem本身也有版本,简直是乱 ...

  7. IOS 多线程01-线程基础知识

    大部分现代操作系统,包括IOS,都支持执行线程的概念.每个进程可以包含多个线程,他们可以同时运行.如果只有一个处理器核心,操作系统将在所有执行线程之间切换,非常类似于在所有执行线程之间切换.如果拥有多 ...

  8. Java程序员的日常 —— 《编程思想》持有对象

    集合框架可以说是Java里面必备的知识点了,日常的使用中也会遇到各种情况需要使用到集合.下面就简单介绍下各种集合的使用场景: List List可以看做是数组,实现的方式有两种: ArrayList ...

  9. Atitit.rsa密钥生成器的attilax总结

    Atitit.rsa密钥生成器的attilax总结 1.1. 密钥生成器 1 1.2. 生成固定的密钥 2 1.2.1. 设置或重置 SecureRandom 对象的随机数种子 2 1.3. 密钥结构 ...

  10. hammer.js手势库使用

    hammer.js是一款移动端手势库组件,支持pan(拖动).swipe(滑动).tap(轻触).press(按压,即长按).doubletap(双击)等很多手势操作,提供比较完善的事件监听机制,但是 ...