HTML知识点

70 阅读1分钟

常用标签如div,span等不记录

HTML闭合标签和自闭合标签

闭合标签包含会显示的实际内容;
自闭合标签给浏览器一个要显示内容的引用(如img标签等),浏览器会在页面加载时额外向服务器进行请求

一、标签

pre

预处理标签,文字的格式会按照源码排版显示

marquee

功能:内容滚动
属性:1.direction:方向(left,top,down,right);
      2.loop:滚动次数;
      3.this.stop(),this.start():鼠标在区域内停止滚动,离开开始滚动;
      4.scrollamout:滚动速度;

列表

无序列表(ul,li)
   属性:type:"circle"(空心圆)|"disc"(实心圆[默认])|"square"(方块)
    
有序列表 (ol,li)
    属性:type:"A"(A B C D)|"a"(a b c d)|"1"(1 2 3 4)|"i"(i ii iii[默认值])
自定义列表(dl,dt,dddl包裹dt(定义项目/名字)和dd(描述每一个项目/名字)

image.png

h5新标签

1.语义化(seo优化)

   header(头部)、nav(导航)、main(主要内容)、article(内容)、section(定义文档某个区域)、aside(侧边栏标签)、footer(脚注标签)
   

2.details(查看详情)

39B9DC8D-800F-4e7f-ADE9-79A85B6BB504.png

3.progress(进度条)

image.png

4.meter(进度条加数据上下限)

当value小于等于low的数值60时显示绿色,大于60小于high的数值80显示黄色,大于80显示红色

image.png 5.video

属性:image.png 6.audio

属性:
    autoplay='autoplay' 如果出现该属性,则音频加载完后立即播放
    controls='controls' 如果出现该属性,则向用户显示控件
    loop='loop'         如果出现该属性,则循环播放
    src='xxxx'          要播放的音频地址

7.canvas

8.svg