0
点赞
收藏
分享

微信扫一扫

html5的知识点

编程练习生J 2022-03-10 阅读 71

新增标签

语义和结构标签

<ruby>(注释注解标签)
    英雄
    <rt>ying xiong</rt>
</ruby>

<details>(描述文档细节)
     <!-- 定义标题的 -->
     <summary>中国医生</summary> 
     本片根据2020年抗击新冠肺炎疫情真实事件改编。讲述中国各地的白衣逆行者在这场浩大战役中纷纷挺身而出、争分夺秒、浴血奋战在武汉前线,不顾自身安危守护国人生命安全的震撼故事
</details>

 <progress value="0" max="100" id="pro">请升级浏览器</progress>(进度条)
    已完成<span id="res">0%</span>
    <script>
        setInterval(function(){
            var pro=document.getElementById('pro')
            var res=document.getElementById('res')
            pro.value ++
            // proValue ++;
            res.innerHTML=(pro.value / 100 * 100) + '%'
            if(pro.value==100){
                  alert('上传完成')
                  clearInterval(t)
            }
        },500)
    </script>

<nav>(导航标签)
    <a href="#">首页</a>
    <a href="#">关于我们</a>
    <a href="#">新闻资讯</a>
    <a href="#">联系我们</a>
</nav>

结构和布局标签:

header 定义文档的页眉部分

main 定义网页的主要内容部分

section 定义文档中的区段

article 文章内容部分

aside 定义其所处内容之外的内容,个人理解 侧边栏

footer 文档中的页脚部分

镶嵌框架标签:

src 定义显示文档的url地址

frameborder 是否显示框架周围的边框 0 表示不显示 1表示不显示

marginHeight 定义顶部和底部的边距

marginWidth 定义左侧和右侧的边距

媒体标签

视频标签: video

controls 是否显示播放面板

autoplay 自动播放 由于浏览器会拦截自动播放声音的视频,因此需要加上muted属性

muted 静音输出

poster 在视频为播放前,显示的图像(封面)

loop 设置视频循环播放

音频标签:audio

controls 是否显示播放面板

autoplay 自动播放 由于浏览器会拦截自动播放声音的视频,因此需要加上muted属性

muted 静音输出

loop 设置视频循环播放

表单相关

<!-- disabled   禁用整组表单元素-->
<fieldset disabled>
    <legend>
        分组标题
    </legend>
</fieldset>

新增输入框类型:

email 邮箱 提交时对输入的内容进行邮箱格式验证,允许空值提交

url 网址 需添加网址协议,如:http或者https

number 数字类型 整数

tel 手机号 移动端生效

color 调色板 收集的数据是16进制表示的颜色方式

date 日期控件

month 月份控件 选择月份

week 周控件 选择 一年中的多少周

time 时间控件 选择一天中的时间
 

举报

相关推荐

0 条评论