在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
HTML5新特性 简洁的DOCTYPE: HTML5 只有一个简单的文档类型 简单易记的编码类型 你现在可以在meta 标签中使用”charset”: 脚本和链接无需type <link rel="stylesheet" href="path/to/stylesheet.css" /> <script src="path/to/script.js"></script> 更加语义化的新增标签 比如说:<article>、<section>、<aside>、<hgroup>、 <header>,<footer>、<nav>、<time>、<mark>、<figure> 和<figcaption>等 视频和音频 <video width="640" height="320" preload="auto" poster="0.jpg" controls> <source src="movie.ogg" type="video/ogg" /> <source src="movie.mp4" type="video/mp4" /> Your browser does not support the video tag. </video> 表单增强 新的input类型:color, email, date, month, week, time, datetime, datetime-local, number,range,search, tel, 和url 新属性:required, autofocus, pattern, list, autocomplete 和placeholder 新元素:<keygen>, <datalist>, <output>, <meter> 和<progress> canvas标签绘制2D图形。 var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); context.beginPath(); context.moveTo(100,100); context.lineTo(300,300); context.lineTo(100,500); context.lineWidth = 5; context.strokeStyle = "red"; context.stroke(); 地理位置获取 HTML语义化 1.什么是HTML语义化? 通过标签判断内容语义,例如根据h1标签判断出内容是标题,根据<p>判断内容是段落、<input>标签是输入框等。 2.为什么要语义化? 1).去掉或样式丢失的时候能让页面呈现清晰的结构 3.如何确定你的标签是否语义良好? 去掉样式,看网页结构是否组织良好有序,是否仍然有很好的可读性。 4.常见的语义化标签模块 表单 <form action="" method=""> <fieldset style="border: none"> <legend style="display: none">登录表单</legend> <p><label for="name">账号:</label><input type="text" id="name"></p> <p><label for="pw">密码:</label><input type="password" id="pw"></p> <input type="submit" name="登录" class="subBtn"> </fieldset> </form> 表单域要用fieldset标签包起来,并用legend标签说明表单的用途;每个input标签对应的说明文本都需要使用label标签,并且通过为input设置id属性,在lable标签中设置for=someld来让说明文本和相对应的input关联起来。 5.语义化标签应注意的一些问题 尽可能少的使用无语义的标签div和span; 总结 以上所述是小编给大家介绍的HTML5新特性之语义化标签,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对极客世界网站的支持! |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论