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

HTML5之元素与标签结构

难度初级
时长 1小时 0分
学习人数
综合评分9.23
452人评价 查看评价
9.6 内容实用
9.1 简洁易懂
9.0 逻辑清晰
  • 学习
    查看全部
  • 【新增结构标签】: 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:菜单
    查看全部
  • HTML5全局属性 data-自定义属性名字 hidden:代替display:none spellcheck:对输入内容进行语法标错 tabindex:通过设定值,按下tab后,按照标注的顺序进行切换 contenteditable:这部分页面内容可以编辑:可以配合JS对网页内容进行局部修改 JS属性:window.document.designedmode="on" 对页面中所有内容均可修改
    查看全部
    1 采集 收起 来源:HTML5全局属性

    2018-03-22

  • hidden属性:可以对标签内容隐藏 speckcheck属性:进行拼写检查,有错误会提示 tabindex属性:指定按tab键时跳转的顺序,从1开始 contenteditable属性:指示是否可对此局部区域进行编辑 designMode属性:为on时表示所有内容都可以编辑,off时只有上面的属性指定的区域乐可编辑
    查看全部
    1 采集 收起 来源:HTML5全局属性

    2015-08-05

  • XHTML 对大小写有严格的要求
    查看全部
    1 采集 收起 来源:练习题

    2015-08-02

  • 一、HTML5语法 沿用了HTML的语法(已往过去的语法,是SGML语法的一个子集),更简洁,更人性化。 1.DOCTYPE及字符编码 ① DOCTYPE:<!doctype html> ② 字符编码:<meta charset="utf-8"> ③ 给文档指定语言:<html lang="zh-CN"> 2.大小写都可以 ① 目的是为了兼容更多的文档,在HTML5里不区分大小写 建议:写代码最好规范,最好小写(标签和属性) 3.布尔值 ① <input type="checkbox" checked/> 在这里checked写上就表示true,如果不写就表示false。而不用像HTML4中要写成checked="checked"了。 4.省略引号 ① <input type="text" /> ② <input type='text'> ③ <input type=text> 上面三种写法都可以,当然如果属性值中出现空格,就必须写引号或双引号 建议:属性中,引号最好是双引号 1、不允许写结束符的标签:area , basebr , col, command , embed , hr , img , input , keygen , link , meta , param , source , track , wbr。格式<xx/> 2、可以省略结束符的标签:li , dt , dd , p , rt , optgroup , colgroup , thread , tbody , tr , td , th省略</XXX> 3、可以完全省略的标签:html , head , body , colgroup , tbody
    查看全部
    1 采集 收起 来源:HTML5语法

    2018-03-22

  • 一、HTML5语法 沿用了HTML的语法(已往过去的语法,是SGML语法的一个子集),更简洁,更人性化。 1.DOCTYPE及字符编码 ① DOCTYPE:<!doctype html> ② 字符编码:<meta charset="utf-8"> ③ 给文档指定语言:<html lang="zh-CN"> 2.大小写都可以 ① 目的是为了兼容更多的文档,在HTML5里不区分大小写 建议:写代码最好规范,最好小写(标签和属性) 3.布尔值 ① <input type="checkbox" checked/> 在这里checked写上就表示true,如果不写就表示false。而不用像HTML4中要写成checked="checked"了。 4.省略引号 ① <input type="text" /> ② <input type='text'> ③ <input type=text> 上面三种写法都可以,当然如果属性值中出现空格,就必须写引号或双引号 建议:属性中,引号最好是双引号 1、不允许写结束符的标签:area , basebr , col, command , embed , hr , img , input , keygen , link , meta , param , source , track , wbr。格式<xx/> 2、可以省略结束符的标签:li , dt , dd , p , rt , optgroup , colgroup , thread , tbody , tr , td , th省略</XXX> 3、可以完全省略的标签:html , head , body , colgroup , tbody
    查看全部
    1 采集 收起 来源:HTML5语法

    2018-03-22

  • 这视频搞什么,自动跳快进 要崩溃呀
    查看全部
  • ruby元素 定义 ruby 注释(中文注音或字符)。 与 <ruby> 以及 <rt> 标签一同使用。ruby 元素由一个或多个字符(需要一个解释/发音)和一个提供该信息的 rt 元素组成,还包括可选的 rp 元素,定义当浏览器不支持 "ruby" 元素时显示的内容。 <ruby> 漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt> </ruby> rt元素 定义字符(中文注音或字符)的解释或发音。 rp元素 在 ruby 注释中使用,以定义不支持 ruby 元素的浏览器所显示的内容。 wbr元素 表示软换行。与br元素的区别:br元素表示此处必须换行;wbr表示浏览器窗口或父级元素足弓宽时(没必要换行时),不换行,而宽度不够时主动在此处换行。 canvas元素 定义图形,比如图表和其他图像。<canvas> 元素只是图形容器(画布),必须使用脚本来绘制图形。 <canvas id="myCanvas"></canvas><script type="text/javascript"> var canvas=document.getElementById('myCanvas'); var ctx=canvas.getContext('2d'); ctx.fillStyle='#FF0000'; ctx.fillRect(0,0,80,100); </script> command元素——貌似没什么效果。是不是支持有问题 表示命令按钮,比如单选按钮、复选框或按钮。 只有当 command 元素位于 menu 元素内时,该元素才是可见的。否则不会显示这个元素,但是可以用它规定键盘快捷键。。 <menu> <command onclick="alert('Hello World')"> Click Me!</command> </menu> details标签 目前只有 Chrome 支持 details 标签 用于描述文档或文档某个部分的细节 。 可与 summary 标签配合使用,summary可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。summary应该是details的第一个子元素。
    查看全部
  • 一、HTML5语法 沿用了HTML的语法(已往过去的语法,是SGML语法的一个子集),更简洁,更人性化。 1.DOCTYPE及字符编码 ① DOCTYPE:<!doctype html> ② 字符编码:<meta charset="utf-8"> ③ 给文档指定语言:<html lang="zh-CN"> 2.大小写都可以 ① 目的是为了兼容更多的文档,在HTML5里不区分大小写 建议:写代码最好规范,最好小写 3.布尔值 ① <input type="checkbox" checked/> 在这里checked写上就表示true,如果不写就表示false。而不用像HTML4中要写成checked="checked"了。 4.省略引号 ① <input type="text" /> ② <input type='text'> ③ <input type=text> 上面三种写法都可以,当然如果属性值中出现空格,就必须写引号或双引号 建议:属性中,引号最好是双引号 1、不允许写结束符的标签:area , basebr , col, command , embed , hr , img , input , keygen , link , meta , param , source , track , wbr<xx/> 2、可以省略结束符的标签:li , dt , dd , p , rt , optgroup , colgroup , thread , tbody , tr , td , th省略</XXX> 3、可以完全省略的标签:html , head , body , colgroup , tbody
    查看全部
    1 采集 收起 来源:HTML5语法

    2018-03-22

  • 讲得真快
    查看全部
  • defer 推迟执行 async 异步执行
    查看全部
  • 一、HTML5语法 沿用了HTML的语法(已往过去的语法,是SGML语法的一个子集),更简洁,更人性化。 1.DOCTYPE及字符编码 ① DOCTYPE:<!doctype html> ② 字符编码:<meta charset="utf-8"> ③ 给文档指定语言:<html lang="zh-CN"> 2.大小写都可以 ① 目的是为了兼容更多的文档,在HTML5里不区分大小写 建议:写代码最好规范,最好小写 3.布尔值 ① <input type="checkbox" checked/> 在这里checked写上就表示true,如果不写就表示false。而不用像HTML4中要写成checked="checked"了。 4.省略引号 ① <input type="text" /> ② <input type='text'> ③ <input type=text> 上面三种写法都可以,当然如果属性值中出现空格,就必须写引号或双引号 建议:属性中,引号最好是双引号 1、不允许写结束符的标签:area , basebr , col, command , embed , hr , img , input , keygen , link , meta , param , source , track , wbr<xx/> 2、可以省略结束符的标签:li , dt , dd , p , rt , optgroup , colgroup , thread , tbody , tr , td , th省略</XXX> 3、可以完全省略的标签:html , head , body , colgroup , tbody
    查看全部
    1 采集 收起 来源:HTML5语法

    2018-03-22

  • <!doctype heml> <html> <head> <meta charset="utf-8"> <title>这是个神奇的HTML5</title> </head> <body> //头部开始 <header> <h1>HTML5</h1> <nav> <ul> <li><a hraf="index.html" target="_blank">首页</a></li> <li><a hraf="pose.html" target="_blank">活动</a></li> <li><a hraf="news.html" target="_blank">社区</a></li> </ul> </nav> </header //头部结束 //main部分开始 <section id="idea"> <h1>这是个神奇的HTML5:</h1> <p>不管你信不信总之HTML5已经成为现今比较流行的前端开发,粗发吧粗人们………………</p> </section> <section id="soglan"> //在这里你会发现section不能用来做页面布局,做布局还得用上div,^_^ <div class="up"></div> <div class="down"></div> </section> <section id="post"></section> //main部分结束 //footer开始 <footer>This is a pages</footer> //footer结束 </body> </html>
    查看全部
  • 全局属性 data-yourvalue 自定义数据属性 例:data-type="comment" hidden 隐藏 spellcheck 拼写检查 tabindex tab选中的顺序的索引值 contenteditable 使元素可编辑 desginMode js属性 window.document.designMode = 'on' 整个页面都可以修改(实用度不高)
    查看全部
    1 采集 收起 来源:HTML5全局属性

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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