php中文网 | cnphp.com

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
查看: 763|回复: 0

HTML5新增标签

[复制链接]

3138

主题

3148

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

UID
1
威望
0
积分
7946
贡献
0
注册时间
2021-4-14
最后登录
2024-11-21
在线时间
763 小时
QQ
发表于 2022-1-16 15:54:30 | 显示全部楼层 |阅读模式
注:可能有兼容性问题IE9+的浏览器才可以新增标签

1.语义化标签
<header>   :头部标签
<nav>        :导航标签
<article>    :内容标签
<sectioan>:定义文档中的某个区域
<aside>     :侧边栏标签
<footer>     ;尾部标签
image.png 注意:

这些标签可以多次使用
IE9中需要转换成块级元素
2.多媒体标签
音频:<audio>

视频: <video>

视频标签<video>

<video src="地址"></video>
或者
[mw_shl_code=applescript,true]<video width="320px" height="240px" controls>
    <source src="xxx.mp4" type="video/mp4">
    <source src="xxx.ogg" type="video/mp4">
</video>[/mw_shl_code]
其常见属性
image.png
音频标签:<audio>
<audio src="地址"></audio>
或者
[mw_shl_code=applescript,true]<audio controls>
    <source src="xxx.mp3" type="video/mp4">
    <source src="xxx.ogg" type="video/mp4">
</audio>[/mw_shl_code]
常见属性:
image.png
3.新增input表格

image.png
表单新增属性

image.png
修改placeholder内的文字

[mw_shl_code=applescript,true]input::placeholder {
coleor:pink;
}[/mw_shl_code]





上一篇:因使用 Cookie 引发的 15 亿“天价”罚单
下一篇:JS实现弹性漂浮广告代码
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|php中文网 | cnphp.com ( 赣ICP备2021002321号-2 )

GMT+8, 2024-11-22 03:14 , Processed in 0.295160 second(s), 36 queries , Gzip On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2020, Tencent Cloud.

申明:本站所有资源皆搜集自网络,相关版权归版权持有人所有,如有侵权,请电邮(fiorkn@foxmail.com)告之,本站会尽快删除。

快速回复 返回顶部 返回列表