HTML5新增结构标签
header 头部
nav 导航
section 区域
article 文章
asIDe 侧边栏
figure 一组多媒体内容
figcaption 多媒体内容的标题
footer 底部
hgroup 区块的相关信息
dialog 对话框 / 会话框
sublime安装emmet插件，可以使用tab键快速补全标签
<!DOCTYPE HTML><HTML lang="en"head> Meta charset="UTF-8"Title>HTML5</style> *{ margin:0; padding Font-size14px; } .container background#ccc .content wIDth1000px0 auto dl300px floatleft text-aligncenter margin-right50px dl:last-child dl img} bodyheader> div class="logo"></divnav> a href="#">导航a> sectionhgrouph1>文章标题h3>文章作者h4>文章描述asIDe>侧导航1>侧导航2>侧导航3article> 文章内容 figurefigcaption>视频标题="vIDeo">视频dialogdt>A的评论dd>B的评论> footer>底部版权HTML>
补充1：header article section footer asIDe 不建议嵌套使用
补充2：header section footer > asIDe figure nav... > div
前面3个级别较高，习惯于写在外层
audio直接使用，无法播放音乐，必须加上autoplay="autoplay"
loop="-1" 无限循环
controls="controls" 控制组件
audio src="audio.wav" autoplay="autoplay" loop="-1" controls="controls">您的浏览器不支持该标签audio>
type表示转码
controlssource ="test.ogg" type="audio/ogg"="test.mp3"="audio/mpeg"="test.wav"="audio/wav" 您的浏览器不支持音频播放 >
vIDeo标签，必须设置controls才能播放
vIDeo ="source/pal4.mp4">您的浏览器不支持vIDeo标签vIDeo>
多个src源
="controls" wIDth="600"="vIDeo/mp4"source>
embed可以支持flash动画播放，然鹅我的谷歌浏览器已经不支持flash了，应该已经凉凉了，不去管它
embed ="source/HappyBirthday.swf">
状态标签meter
value代表当前值
min 最小值
max 最大值
low 较低值
high 较高值
optimum 标准值
（位于较低较高之间的值，显示为绿色；否则显示为黄色）
不填写以上参数，以百分比计算，默认为0-100%
meter value="220" min="20" max="380" low="200" high="240" optimum="220"meter="180"="400"="0"br="0.75">75%>
过程标签 progress
不设置value值，则显示为不断加载的动画
progress ="30"="100"progressmax>
输入框下拉提示（可输入，可选择）dataList
input placeholder="选你所爱" List="myList"dataList IDoption ="喵1">喵1option="喵2">喵2="喵3">喵3="喵4">喵4="喵5">喵5dataList>
内容的展开和收拢 details + summary
detailssummary>收拢喽p 这是展开的内容鸭鸭鸭~ >hrdetails open="open">
ruby 给文字加注释
rt 包裹在ruby标签内，里面写拼音
rp 解决浏览器不兼容问题，该标签的内容不要嵌套在rt标签内
让我们来ruby>聊rt>liao天叭 让我们来rp>(><>)>天叭
mark 黄色底色表示强调
好可爱的小mark>猫咪>呀
oninput 事件，监听文本框的输入变化
form oninput="sum.value=parseInt(price.value)*parseInt(num.value)"type="text" value="1000" name="price" ID="price"* ="number"="1"="num"="num"= output name="sum" for="price num"outputform>
重定义标签
dd 标题
dt 描述
不仅仅是自定义标签dl 中使用
也可在detail figure中使用
也可在dialog中使用
hr 不仅仅是水平线，也表示当前主题结束
menu 菜单标签，可以与command和menuitem搭配使用
small 小字体，表示打印注释或者法律条款
strong 表示很重要
总结
以上是内存溢出为你收集整理的HTML5文档类型如何定义，有哪些标签，以及如何使用，从整体认识HTML5全部内容，希望文章能够帮你解决HTML5文档类型如何定义，有哪些标签，以及如何使用，从整体认识HTML5所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）