基本概括了学习中和工作中全部常见标签,欢迎补充
常见标签:
<div>
、<span>
、<ul>
:定义无序列表、<ol>
:定义有序列表、<li>
、<h1>
-<h6>
、<p>
、<a>
、<img>
、<br/>
、<input>
、
不常见标签:
<strong></strong>或<b></b>
:加粗<em></em>或<i></i>
:倾斜<del></del>或<s></s>
:删除线<ins></ins>或<u></u>
:下划线<header>
:定义文档或区段的页眉。<nav>
:定义导航链接的容器。<section>
:定义文档中的一个区段。<article>
:定义独立的自包含内容。<aside>
:定义与页面内容略微相关的侧边栏内容。<footer>
:定义文档或区段的页脚。<table>
:定义表格。<tr>
:定义表格行。<th>
:定义表格头单元格。<td>
:定义表格数据单元格。<form>
:定义表单,用于用户输入。<button>
:定义按钮。<select>
:定义下拉选择框。<option>
:定义<select>
元素中的选项。<textarea>
:定义多行文本输入控件。
特殊字符:
空格符:
、小于号:<
、大于号:>
、和号:&
人民币:¥
、版权:©
、注册商标:®
、摄氏度:°
正负号:±
、乘号:×
、除号:÷
、平方:²
立方:³
、实心圆点:·
视频及音频:
新增视频标签:<video src="文件地址" controls="controls"></video>
属性 | 值 | 描述 |
src | url | 视频url的地址 |
preload | auto(预加载视频) none(不应加载视频) | auto(预先加载视频)none(不应加载视频) |
poster | lmgurl | 加载等待的画面图片 |
autoplay | autoplay | 视频就绪自动播放(谷歌浏览器需要添加muted来解决自动播放问题) |
controls | controls | 向用户显示播放控件 |
width | pixels(像素) | 设置播放器宽度 |
height | pixels(像素) | 设置播放器高度 |
loop | loop | 播放完是否继续播放该视频,循环播放 |
muted | muted | 静音播放 |
新增音频标签:<audio src="文件地址" controls="controls"></audio>
属性 | 值 | 描述 |
autoplay | autoplay | 如果出现该属性,则音频在就绪后马上播放 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮 |
loop | loop | 如果出现该属性,则每当音频结束时重新开始播放 |
src | url | 要播放的音频的url |
注意点:
- 浏览器支持情况不同
- 谷歌浏览器把音频和视频自动播放禁止
- 我们可以给视频标签添加muted属性来静音播放视频,音频不可以(可以通过JavaScript解决)