xuxiang946210

h5的语义化标签

 
h5目前处于推广期   没有形成最终同意版本
 
h5简洁为主
h5新增的语义化标签 都有利于seo一优化-----对搜索引擎友好
 
<header></header>
网站公共的头部
    <footer></footer>
网站公用的尾部
    <nav></nav>
导航
    <section></section>
区块  一个部分
<article></article>
 
文章
里面存放文字 文章
 
mark   标签 标记  自带黄色背景
 
 
 
video 视频
 
controls  控制条
 
autoplay muted 实现静音播放
 
loop 循环播放
 
网页中  目前主要支持mp4/webm/ogg格式
 
 
如果浏览器不支持 可以在标签内写一段内容 
 
 
<audio src=""></audio>
 
音频
 
<canvas></canvas>
 
画布
 
 
 
    <input type="number">
只能输入数字
 
 
  <input type="search">
 
搜索框
 
    <input type="range">
 
 
滑块
 
    <input type="date">
 
日历
 
 
<input type="color">
 
颜色
 
 
 
 <input type="email">
 
邮箱
 
 
加了自动验证的
 
 
 
 
 
    <input type="text" placeholder="123">
 
placeholder
表示可以自动消失的提示文字
 
autofocus
获取焦点  一个页面只能使用一次
 
 
hidden  隐藏 
 
 
disabled
表示禁用 
 
 
 
required
 
必须的   必须填写  不能为空
 
 
<form action="" novalidate>
 
再form上可以添加属性   取消验证 

posted on 2023-07-22 16:39  pocsan  阅读(19)  评论(0编辑  收藏  举报

导航