HTML标签——HTML5 语义化标签

引用标签

• 引用大段文本：

  • 特点：引用的文本会独立出来，左右自动进行缩进

• 引用小段文本：

  • 特点：引用的文本不会独立出来，被引用的文本自动使用双引号包裹

• 被引用的文档信息：

  • 特点：斜体显示

• 被引用的文档的标题：

  • 特点：斜体显示

• 文本的缩写或单词缩略词：

  • title属性内写缩写或缩略词的全称

语义化标签

• 页面头部：
• 页面主体：
• 页面尾部：
• 标题组合：
• 导航栏：
• 输出：
• 画布：

• 页面区域划分

  • 区域区块划分：
  • 主要区域划分：
  • 辅助区域划分：

文档标题、细节开合控制

• 标题：

• 细节：

  
    
  HTML 5
    This document teaches you everything you have to learn about HTML 5.
  
  
  open属性控制默认是否打开显示

进度条、度量范围

进度条
 

度量范围
十分之三

日期、时间

情人节

带有标记的文本

milk

代码块标签

• pre元素包裹的内容将保留空格与换行符

• code元素将文本内容转化为等宽字体，表示这是一段源代码程序

文字注解、注音

• ruby：包围要注音的文字，内含三个元素。
• rb：要注音的对象

• rp：若浏览器不支持ruby那么上例就会依次显示rb rp rt rp rb内容在同一行。如果浏览器支持，那么rp内容 不会显示。如上例，在IE8下可能会显示成 吉林大学(ji lin da xue)

  
    吉林大学
    (
    ji lin da xue
    )
  

设置文本方向

• dir属性：属性值有两个ltr、rtl

123

常用特殊字符

Item	Value	Item	Value	Item	Value
空格：	\;	版权：	©\;	注册：	®\;
商标：	&trade\;	左尖括号	<\;	右尖括号	>\;