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

HTML5之元素与标签结构

难度初级
时长 1小时 0分
学习人数
综合评分9.20
453人评价 查看评价
9.6 内容实用
9.0 简洁易懂
9.0 逻辑清晰
  • tabindex="" 焦点顺序
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2018-03-22

  • 新增标签
    查看全部
  • n15
    section 用来划分网页,但是不能用来布局,通过id可以进行定位查找。 布局用class,关于后台用id 时间用time <time datetime="2013-10-12 19:03" pubdate>2013-10-12 19:03</time>
    查看全部
  • 实例结构图分析
    查看全部
  • HTML5全局属性 1. data-yourvalue:自定义数据属性 2. hidden:可以对标签内容隐藏,代替之前需在CSS中输入的display:none 3. spellcheck:对输入内容进行语法标错 4. tabindex:通过设定值,按下tab后,按照标注的顺序进行切换 5.contenteditable:这部分页面内容可以编辑:可以配合JS对网页内容进行局部修改 6. designMode属性: <sricpt> window.document.designMode='on'; </sricpt> designMode属性为on时,所有的文档属性都可以修改。off时只有上面的属性指定的区域可编辑。
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2018-03-22

  • section:表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分,可以和好h1、h2....等标签结合起来使用,表示文档结构。 article:表示页面中一块与上下文不相关的独立内容,比如一篇文章。 aside:表示article内容之外的,与article内容相关的辅助信息。 header:表示页面中一个内容区块或整个页面标题。 footer:表示整个页面或页面中一个内容区块的脚注,一般来说,他会包含作者的姓名,创作日期及联系信息。 nav:导航链接的部分; figure:表示一段独立的流内容,一般表示文档主体流中的一个独立单元。使用figcaption标签为figure标签添加标题。 mark:标注(颜色变成被标注) progress:进度条(最大值:max,当前值:value) time:微数据标签,用来标注页面中的某一块内容,标注是给机器用的,有个pubdate属性:datetime值是文章的发布时间 T:时间和日期的分隔符 ruby:注释 (rt注释内容,rp:如果浏览器不支持如何显示)wbr:软换行(当页面不得不换行时换行) canvas: command:命令 details:展开的内容层 datalist:把要输入的内容进行提示 keygen:加密 output:表单里面对一个结果计算然后输出的表单值 menu:菜单
    查看全部
  • 不允许写的结束符的标签:area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr html5中新的规定: 可以省略结束符的标签:li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th 可以完全省略的标签:html、head、body、colgroup、tbody
    查看全部
    0 采集 收起 来源:HTML5语法

    2015-08-26

  • 可以省略的标签
    查看全部
    0 采集 收起 来源:HTML5语法

    2015-08-26

  • XHTML对大小写有着严格的规范
    查看全部
    0 采集 收起 来源:练习题

    2015-08-23

  • HTML5全局属性 1. data-yourvalue:自定义数据属性 2. hidden:可以对标签内容隐藏,代替之前需在CSS中输入的display:none 3. spellcheck:对输入内容进行语法标错 4. tabindex:通过设定值,按下tab后,按照标注的顺序进行切换 5.contenteditable:这部分页面内容可以编辑:可以配合JS对网页内容进行局部修改 6. designMode属性: <sricpt> window.document.designMode='on'; </sricpt> designMode属性为on时,所有的文档属性都可以修改。off时只有上面的属性指定的区域可编辑。
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2018-03-22

  • <header> <hgroup> <h1>....</h1> <h2>....</h2> </hgroup> <nav> <ul> <li>....</li> <li>....</li> <li>....</li> <li>....</li> </ul> </nav> </header> <article> <section>....</section> <section>....</section> <section>....</section> <section>....</section> </article> <aside>....</aside> <footer>....</footer>
    查看全部
  • HTML5新增全局属性 data-yourvalue:自定义数据属性//data-type="comment" hidden属性:可以对标签内容隐藏 spellcheck属性:进行拼写检查,有错误会提示 tabindex属性:设置tab切换顺序,如<input tabindex="1"> contenteditable属性:指示是否可对此局部区域进行编辑//contenteditable="true" designMode属性:为on时表示所有内容都可以编辑,off时只有上面的属性指定的区域可编辑 <sricpt> window.document.designMode='on'; </sricpt> designMode属性为on时,所有的文档属性都可以修改。
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2018-03-22

  • 全局属性 data-type自定义数据 hidden隐藏 spellcheck纠错 contenteditable="true"属性可编辑 <sricpt> window.document.designMode='on'; </sricpt> designMode属性为on时,所有的文档属性都可以修改。
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2018-03-22

  • <script defer中,表示下载完之后暂时不执行,等所有文件都下载完成之后再执行 <script async中,表示,下载完成之后就开始执行,但是也同时执行其他的文件 <div><style type="text/css" scoped></style></div> scoped表示这个css样式只有在这个<div>标签内部才有效! <iframe seamless srcdoc="<h1>hello</h1>" sandbox src=""></iframe> seamless表示内嵌的框架没有边框也没有边距,与自身的内容一样 srcdoc指定内嵌框架的内容,src的内容就被覆盖了 sandbox内嵌框架被禁止提交表单,禁止js脚本,表示限制异源内容,被禁止
    查看全部
  • 标签作用
    查看全部

举报

0/150
提交
取消
课程须知
1.具有一定的前端开发经验 2.掌握HTML+CSS+JavaScript相关知识
老师告诉你能学到什么?
1.了解HTML5的结构标签; 2.掌握新增和删去的标签及相关属性 3.运用HTML5相关知识进行实际开发

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!