HTML基础教程(八)
讲解HTML5的语义标签
HTML5常用语义标签如下：
| 标签 | 含义 |
|---|---|
| abbr | 表示一个缩写 |
| address | 表示一个地址 |
| blockquote | 定义一段长的引用文本 |
| q | 定义短的引用文本 |
| code | 用来表示一段代码 |
| dfn | 定义专业术语 |
| ins | 定义文档中插入的文本,与 del 标签一起使用，来描述对文档的更新和修正。 |
| cite | 标签定义作品（比如书籍、歌曲、电影、电视节目、绘画、雕塑等等）的标题。 |
| pre | 预处理和code作用类似 |
语义标签综合实例：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>语义标签</title>
</head>
<body>
<h1>语义标签</h1>
<hr>
<abbr title="Hyper Text Markup Language">HTML</abbr><br>
<address>西安市雁塔区太白南路2号</address>
<br>
<blockquote>
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。
</blockquote>
<q>关于HTML5的核心技术研究与应用</q>
<dfn>专业术语1</dfn>
<kbd>键盘文本</kbd>
<!--code表示里面是代码块，特殊符号必须使用实体引用-->
<code>
<pre>
<script>
function sayHello(){
alert('Hello,javascript!');
}
</script>
</pre>
</code>
<cite>《富春山居图》</cite>由黄公望始画于至正七年(1347)，于至正十年完成。
<p>我最喜欢的开发语言是
<ins>python</ins>
不是
<del>java</del>
!
</p>
<!--不使用pre，被当做html解析，没有换行效果-->
床前明月光
疑是地上霜
举头望明月
低头思故乡
<!--使用pre，被当做纯文本解析-->
<pre>
床前明月光
疑是地上霜
举头望明月
低头思故乡
</pre>
</body>
</html>
运行效果：
