为了账号安全,请及时绑定邮箱和手机立即绑定

HTML5 元素与标签结构《笔记》

标签:
Html5

1、HTML5 语法
沿用了HTML的语法,在写法上更加简练。
具体体现在:
.DOCTYPE及字符编码
.大小写都可以(大小写区分的是:XHTML)
.布尔值
例:
HTML4的写法:<input type="checkbox" checked="checked"/>
HTML5的写法:<input type="checkbox" checked/>
checked表是为true 删除此属性的话 表示为false
.省略引号
.可以进行省略的标签
1、不允许写的结束符的标签:area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr
2、可以省略结束符的标签:li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、th、th
3、可以完全省略的标签:html、head、body、colgroup、tbody
<!doctype html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
</head>
<body>
</body>
<html>

新增及删除标签
新增及废除属性
全局属性
语义化标签综合案例
第二章 新增/删除标签
结构标签
section标签
article标签
aside标签
header标签
hgroup标签
footer标签
nav标签
figure标签
<header>toubu</header>
<footer>weibu</footer>
表单标签
媒体标签
其他功能标签

可以用css代替的标签
不在使用frame
只有个别浏览器支持的标签
其他不常用的标签

第三章 新增/删除属性
<iframe seamless sandbox class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="http://www.baidu.com"></iframe>
seamless 无边框
sandbox 内嵌的网页无法进行表单提交;无法进行javascript的执行;

第四章 全局属性
'data-yourvalue
自定义属性的规范:html5中对自定义的属性做了书写规范:data-自定义属性命名
'hidden
<label hidden>看见了吗</label> 加上hidden属性表示隐藏;反之则为显示 和以前用的display的效果一样
'Spellcheck
对输入的内容进行语法纠错,
'tabindex
tab切换顺序的定义
'contenteditable
<table contenteditable="true">
<tr>
<td>数据一</td>
<td>数据二</td>
</tr>
</table>
<p contenteditable = "true">请留言</p>
'desginMode
<script>
window.document.designMode = 'on';
</script>
designMode = 'on' 将整个页面改为可编辑状态

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消