首页 > 代码库 > HTML5/CSS3/JavaScript

HTML5/CSS3/JavaScript

2024-07-05 12:11:10   238人阅读

基本元素
元素名 属性名 属性说明 作用备注
<!--...-->     代码备注
<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>     用于表示一个变量，浏览器通常会用斜体字显示该元素内的文本

 


联系
我们