元素名 | 属性名 | 属性说明 | 作用备注 |
<!--...--> | 代码备注 | ||
<html> | 根元素 | ||
<head> | 页面头部 | ||
<title> | 页面标题 | ||
<body> | 页面主体 | ||
<h1>~<h6> | 定义标题(字体大小区别) | ||
<p> | 定义段落 | ||
<br> | 插入一个换行 | ||
<hr> | 定义水平线 | ||
<div> | 定义文档中的节 | ||
<span> | 与div基本相似,区别是不默认不会换行显示 |
元素名 | 属性名 | 属性说明 | 作用备注 |
<b> | 定义粗体文本 | ||
<i> | 定义斜体文本 | ||
<em> | 定义强调文本 实际效果与斜体文本差不多 | ||
<strong> |
与<b>标签的作用和用法基本相同 HTML5为该元素增加了语义,使用该元素包起来的文本则为重要文本 |
||
<small |
定义小号字体文本 通常用来标注诸如免责声明、注意事项、法律规定和版权相关的声名性文字 |
||
<sup> | 定义上标文本 | ||
<sub> | 定义下标文本 | ||
<bdo> | dir |
只能指定两种属性值 1:dir = "ltr" 2:dir = "rtl" |
指定属性显示文本不同效果 ltr属性值文本则从左向右排列 rtl属性值文本则从右向左排列 |
语义相关元素
元素名 | 属性名 | 属性说明 | 作用备注 |
<abbr> | title | 该属性用于指定该缩写所代表的全称 | 用于表示一个缩写 |
<address> | 用于表示一个地址,浏览器通常会用斜体字显示该标签内的文本 | ||
<blockquote> | cite | 该属性指定该引用文本所引用的网址URL |
用于定义一段长的引用文本,浏览器会用缩进的方式显示该标签内的文本 该标签与<q>标签作用区别是该标签用于引用带换行的、大段文本 |
<q> |
用于定义一段短的引用文本,浏览器会为这段文本添加引号 该标签与<blockquote>标签的作用区别是该标签用于引用不带换行的、较短的文本 |
||
<cite> | 用于表示作品(一本书、一部电影、一首歌曲)的标题,浏览器会用斜体字显示该标签内的文本 | ||
<code> | 表示一段计算机代码 | ||
<dfn> | 用于定义一个专业术语,浏览器会用粗体或斜体字显示该标签内的文本 | ||
<del> |
定义文档中被删除的文本,浏览器通常会以中划线的形式来显示该标签内的文本 <ins>元素和<del>元素通常结合使用,用于表示文档被"修订"的效果 <del>表示被删除的文本 <ins>表示更新的文本 |
||
<ins> |
cite datetime |
cite:属性值为一个URL,该URL对应的文本解释了文本被删除或插入的原因。 datetime:定义文本被删除或插入的日期、时间 |
定义文档中插入的文本,浏览器通常会以中划线的形式来显示该标签内的文本 <ins>元素和<del>元素通常结合使用,用于表示文档被"修订"的效果 <del>表示被删除的文本 <ins>表示更新的文本 |
<pre> |
用于表示该标签内的文本被预格式化,就是说元素所包含文本中的 空格、回车、Tab键和其他格式字符都会被保留下来。 |
||
<samp> | 用于定义示范文本内容 | ||
<kbd> |
用于定义键盘文本,该元素用于表示文本时通过键盘输入的。 通常在计算机使用文档、使用说明中会经常使用该元素。 |
||
<var> | 用于表示一个变量,浏览器通常会用斜体字显示该元素内的文本 |