OS : Windows 10
browser : Chrome 83.0.4103.116
editor : Visual Studio Code 1.46.1
typesetting : Markdown
html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!-- marquee 標簽，知道就好。不推薦使用 -->
<!-- w3cschool 找不到該標簽 -->
<!--
direction 向哪里動
up down left right
width 滾動寬度
height 滾動高度
bgcolor 滾動背景色
scroolamount 滾動步長值
scrolldelay 兩步之間的停留時間(ms)
loop 循環滾動的次數
-->
<marquee direction="up" scrollamount="100" width="600" height="400" scrolldelay="1000">
<div style="width: 100px;height: 100px;background-color: burlywood;"></div>
</marquee>
</body>
</html>
<!-- https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/marquee -->
result
- 方塊自下而上的循環滾動
resource
- [ 教程 ] www.w3school.com.cn/html/index.asp
- [ 手冊 ] www.w3cschool.cn/html5_reference.html
- [ 規范 ] www.runoob.com/html/html5-syntax.html
- [ 平台 ] www.cnblogs.com
- [ 規范-參考 ] www.w3cschool.cn/wematy
- [ 統計-參考 ] tongji.baidu.com/research/site#browser
感恩曾經幫助過 客名利 的人。
html，xhtml和html5的發展歷史及其特性，建議學習。
代碼的書寫是有規范的，適當地遵守規范，助人助己。
Chromium和Firefox是開源瀏覽器，新功能眾多，建議關注。
Blink，EdgeHTML，Gecko，KHTML，Trident，WebCore，WebKit等，空閑時可以了解一下。
不同的瀏覽器解析代碼是有差別的，要多關注兼容性問題。