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

HTML5之元素与标签结构

难度初级
时长 1小时 0分
学习人数
综合评分9.20
453人评价 查看评价
9.6 内容实用
9.0 简洁易懂
9.0 逻辑清晰
  • 【废除标签】: 1、能用css代替的元素 basefont、big、center、font、s、strike、tt、u。这些元素纯粹是为画面展示服务的,HTML5中提倡把画面展示性功能放在css中统一编辑。 2、不再使用frame框架。 frameset、frame、noframes。HTML5中不支持frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的符合页面的形式,删除以上这三个标签。 3、只有部分浏览器支持的元素 applet、bgsound、blink、marquee等标签。 4、其他被废除的元素:废除rb,使用ruby替代。废除acronym使用abbr替代。废除dir使用ul替代。废除isindex使用form与input相结合的方式替代。废除listing使用pre替代。废除xmp使用code替代。废除nextid使用guids。废除plaintex使用“text/plian”(无格式正文)MIME类型替代。
    查看全部
  • 【新增标签】: 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语法 沿用了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

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

    2015-07-30

  • section:表示页面中的一个内容区块,比如章节,页眉,页脚,或页面的其他部分,可以和h1 h2等标签结合起来使用,表示文档结构。 article:表示页面中一块与上下文不相关的独立内容,比如一边文章; aside:表示article内容之外的,与article内容相关的辅助信息; header:表示页面中一个内容区块或整个页面的标题; footer:表示整个页面或页面中一个内容区块的脚注,一般来说,他会包含作者的姓名,创作日期及联系信息。 nav:导航链接的部分; figure:表示一段独立的流内容,一般表示文档主体流中的一个独立单位,使用figcaption标签为figure添加标题; mark:标注(颜色变成标注) progress:进度条(最大值max;当前值:value) time:微数据标签; datetime值是文章的发布时间 ruby:注释(rt注释内容,rp:如果浏览器不支持如何显示;) wbr:换行 command:命令 details:把要输入的内容进行提示 keygen:加密 output:表单里面对一个结果计算然后输出的表单值 menu:菜单 废除的标签,可以通过css替代的标签,
    查看全部
  • HTML5语法: 沿用了HTML的语法,更简洁,更人性化。 1.DOCTYPE及字符编码; a.DOCTYPE:<!doctype html> b.字符编码:<meta charset="utf-8"> c.给文档指定语言:<html lang="zh-CN"> 2.大小写都可以,建议写代码最好规范,最好小写; 3.布尔值; 4.可以省略引号; 5.不允许写结束符的标签, area,basebr,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr 6.可以省略结束符的标签:li,dt,dd,p,rt,optgroup,colgroup.thread,tbody,tr,td 7.可以完全省略的标签:html, head,body,colgroup,tbody
    查看全部
    0 采集 收起 来源:HTML5语法

    2018-03-22

  • html5语法规则
    查看全部
    0 采集 收起 来源:HTML5语法

    2015-07-29

  • 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:菜单 废除的标签:可以通过CSS替代的标签,frame,部分浏览器支持的,新的标签可以替代的
    查看全部
  • 风调 <!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>
    查看全部
  • 1.data—自定义属性名字 2.hidden:把hidden加入到标签内表示隐藏双标签之前的内容 3.spellcheck:对你输入的内容进行语法纠错(spellcheck=“true”) 4.tabindex:当你用tab键的切换顺序(tabindex=“填数字”) 5.contenteditable;在双标签里面加一个contenteditable=“true”表示这块内容是可以编辑的,点击时会出现一个编辑框,可以在里面编写内容。 6.在JavaScript里插入的 window.document.designMode = 'on'(JavaScript的全局属性,整个页面的文本都可以编辑了)
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2015-07-29

  • 全局属性对data-自定义属性名字; hidden(直接放上去就是隐藏); spellcheck="true"(语法纠错); tabindex="1"(Tab跳转顺序); contenteditable="true"(可编辑状态,单击内容,可修改); 在JavaScript里插入的 window.document.designMode = 'on'(JavaScript的全局属性,整个页面的文本都可以编辑了);任何一个标签都可以使用
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2018-03-22

  • manifest属性:定义页面需要用到的离线应用文件,一般放在<html>标签里 charset属性:meta属性之一,定义页面的字符集 sizes属性:<link>新增属性,当link的rel="icon"时,用以设置图标大小 defer属性:script标签属性,表示脚本加载完毕后,只有当页面也加载完毕才执行(推迟执行) async属性:script标签属性,脚本加载完毕后马上执行,即使页面还没有加载完毕(异步执行) media属性:<a>元素属性:表示对何种设备进行优化 hreflang属性:<a>的属性,表示超链接指向的网址使用的语言 ref属性:<a>的属性,定义超链接是否是外部链接 reversed属性:<ol>的属性,定义序号是否倒叙 start属性:<ol>的属性,定义序号的起始值 scoped属性:内嵌CSS样式的属性,定义该样式只局限于拥有该内嵌样式的元素,适用于单页开发 seamless:<iframe>的属性,定义该框架没有边框没有边距 srcdoc:<iframe>的属性,定义该框架的内容,会覆盖src属性的内容 sandbox:<iframe>的属性,定义该框架在安全级别上受到严格限制,比如不允许打开框架中的超链接等,相当于将框架中的内容设置为异源
    查看全部
  • mark:标注(颜色变成被标注) progress:进度条(最大值:max,当前值:value) time:微数据标签,用来标注页面中的某一块内容,标注是给机器用的,有个pubdate属性:datetime值是文章的发布时间 T:时间和日期的分隔符 ruby:注释 (rt注释内容,rp:如果浏览器不支持如何显示)wbr:软换行(当页面不得不换行时换行) canvas: command:命令 details:展开的内容层 datalist:把要输入的内容进行提示 keygen:加密 output:表单里面对一个结果计算然后输出的表单值 menu:菜单 废除的标签:可以通过CSS替代的标签,frame,部分浏览器支持的,新的标签可以替代的
    查看全部
  • 1.DOCTYPE以及字符编码 2.大小写都ky 3.boolean值 4.省略引号 5.可以进行省略的标签
    查看全部
    0 采集 收起 来源:HTML5语法

    2015-07-28

举报

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

微信扫码,参与3人拼团

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

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