1. 程式人生 > >HTML5-詳情和概要標籤、marquee標籤

HTML5-詳情和概要標籤、marquee標籤

詳情和概要標籤
一、作用:利用summary標籤來描述概要資訊,利用detail標籤來描述詳情資訊,預設情況下是收起展示
二、格式:

<details>
    <summary>四大名著</summary>
    中國古典長篇小說四大名著,簡稱四大名著,是指《紅樓夢》、《三國演義》、《水滸傳》、《西遊記》這四部鉅著。四大名著是中國文學史中的經典作品,是世界寶貴的文化遺產。
    此四部鉅著在中國文學史上的地位是難分高低的,都有著極高的文學水平和藝術成就,細緻的刻畫和所蘊含的深刻思想都為歷代讀者所稱道,其中的故事、場景、人物已經深深地影響了中國人的思想觀念、價值取向。可謂中國文學史上的四座偉大豐碑。
</details
>

marquee標籤
一、注意點:marquee標籤不是w3c推薦的標籤,在官方文件中也查詢不到,但是各大瀏覽器對這個標籤的支援都非常好
二、作用:跑馬燈
三、格式:<marquee>內容</marquee>
四、屬性
1、direction:設定滾動放下left、right、up、down
2、scrollamount:設定滾動速度,值越大越快
3、loop:設定滾動次數,預設是-1,也就是無限滾動
4、behavior:設定滾動型別;slide滾動到邊界就停止,alternate滾動到邊界就彈回

<body>
<marquee
scrollamount="1">
內容</marquee> <marquee direction="right" loop="1" behavior="slide" width="100">從左往右滾動</marquee> <marquee direction="up" behavior="alternate">從下往上滾動</marquee> <marquee direction="down">從上往下滾動</marquee> </body>