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

HTML5之元素与标签结构

难度初级
时长 1小时 0分
学习人数
综合评分9.20
453人评价 查看评价
9.6 内容实用
9.0 简洁易懂
9.0 逻辑清晰
  • 为了使结构语义化,div派生出的标签 结构标签 section 独立区域 article 文章 aside 辅助信息 header 标题 hgroup 对整个页面或者页面中的一个内容区块进行组合 footer 脚注 nav 导航链接 figure 文档流内容的一个独立单元
    查看全部
  • 不允许写的结束符的标签: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-17

  • 不允许写的结束符的标签: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-16

  • 不允许写的结束符的标签: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-15

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

    2015-08-14

  • 结构标签 section 独立区域 article 文章 aside 辅助信息 header 标题 hgroup 对整个页面或者页面中的一个内容区块进行组合 footer 脚注 nav 导航链接 figure 文档流内容的一个独立单元
    查看全部
  • hidden属性:可以对标签内容隐藏 speckcheck属性:进行拼写检查,有错误会提示 tabindex属性:指定按tab键时跳转的顺序,从1开始 contenteditable属性:指示是否可对此局部区域进行编辑 designMode属性:为on时表示所有内容都可以编辑,off时只有上面的属性指定的区域乐可编辑
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2015-08-13

  • data-yourvalue 自定义数据属性 例:data-type="comment" hidden 隐藏 spellcheck 拼写检查 tabindex tab选中的顺序的索引值 contenteditable 使元素可编辑 desginMode js属性 window.document.designMode = 'on' 整个页面都可以修改(实用度不高)
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2018-03-22

  • 新增属性:(表单属性、链接属性、其他属性) 1.<meta http-equiv="pragma" content="no-cache">禁止页面缓存。 2.manifest:定义离线应用所需的文件。<html manifest="cache.manifest"> 3.<meta charset="utf-8">指定页面的字符集 4.sizes:指定浏览器选项卡上显示的网页logo,使用方法如下: <link rel='icon' href='demo_icon.gif' type='image/gif' sizes='16*16'> 5.<base href="http://localhost/" target="_blank">超链接打开方式,在新窗口打开页面地址以http://localhost/ 开头 + 相对 地址 6.script:defer和async(加载方式) defer--当浏览器读到<script src..> 脚本文件下载后不执行,等页面加载完成后才执行(推迟执行) async--当浏览器读到<script src..> 脚本文件下载后立刻执行,但并不停止执行后续的代码(异步执行) 7、<a media="hreflang" href="#">对相应的设备进行优化,handheld(手持设备),tv(电视) <a href="http://www.mukewang.com/" hreflang="zh" ref="external">慕课网</a> a:hreflang="zh"(设置语言,这里设置语言是中文,表示网址使用的网址是中文) a:ref="external"(设置超链接的引用,表示网址使用的是外部的) 8、start 起始值 reversed 倒序 如:<ol start="50" reversed> <li>1</li> <li>2</li> <li>3</li> </ol> 9、<menu type="">type的三个类型contextmenu(上下文菜单),list(列表菜单),toolbar(工具栏)
    查看全部
  • 10、内嵌css新增的属性 <style type="text/css" scoded>//scoded表示只对外部标签内部才有效 <div> <style type="text/css" scoped> h1{color:red;} p{color:blue;} </style> <h1>this my name</h1> <p>this my name</p> <div> 11、<iframe ></iframe>//内嵌框架 seamless属性---不会有边框、边距 srcdoc属性---指定内嵌框架的内容。有srcdoc 时,src 会被忽略,此时显示srcdoc中的内容,srcdoc的值可以是html代码 sandbox---规定内嵌框架的安全级别 (禁止提交表单、禁止执行javascript脚本、内嵌页面与外层页面不是相同的源) ①allow-forms:允许提交表单 ②allow-scripts:允许执行脚本 ③allow-same-origin:允许 iframe 内容被视为与包含文档有相同的来源 ④allow-top-navigation:允许 iframe 内容从包含文档导航(加载)内容
    查看全部
  • 新增属性:(表单属性、链接属性、其他属性) 1.<meta http-equiv="pragma" content="no-cache">禁止页面缓存。 2.manifest:定义离线应用所需的文件。<html manifest="cache.manifest"> 3.<meta charset="utf-8">指定页面的字符集 4.sizes:指定浏览器选项卡上显示的网页logo,使用方法如下: <link rel='icon' href='demo_icon.gif' type='image/gif' sizes='16*16'> 5.<base href="http://localhost/" target="_blank">超链接打开方式,在新窗口打开页面地址以http://localhost/ 开头 + 相对 地址 6.script:defer和async(加载方式) defer--当浏览器读到<script src..> 脚本文件下载后不执行,等页面加载完成后才执行(推迟执行) async--当浏览器读到<script src..> 脚本文件下载后立刻执行,但并不停止执行后续的代码(异步执行) 7、<a media="hreflang" href="#">对相应的设备进行优化,handheld(手持设备),tv(电视) <a href="http://www.mukewang.com/" hreflang="zh" ref="external">慕课网</a> a:hreflang="zh"(设置语言,这里设置语言是中文,表示网址使用的网址是中文) a:ref="external"(设置超链接的引用,表示网址使用的是外部的) 8、start 起始值 reversed 倒序 如:<ol start="50" reversed> <li>1</li> <li>2</li> <li>3</li> </ol> 9、<menu type="">type的三个类型contextmenu(上下文菜单),list(列表菜单),toolbar(工具栏)
    查看全部
  • <3>媒体标签 (1) vedio标签——定义视频,像电影片段或其他视频流。例如: <vedio src="movie.ogg" controls="controls">vedio标签</vedio> (2) audio标签——定义音频,像音乐或其他音频流。例如: <audio src="someaudio.wav">audio标签</audio> (3) embed标签——用来嵌入内容(包括各种媒体),格式可以是Mldl、Wav、AIFF、AU、MP3、flash等。例如: <embed src=”flash.saf”/>; <4>其他标签 (1) mark标签——提亮文字 (2) progress标签——进度条 <progress max="100" value="85"> <span>85</span> "%" </progress> (3) time标签——属于语义标签,或者说是微数据标签,用来标注页面中的某一块内容,这个标注是给机器(搜索引擎)用的 time datetime="2013-10-20T09:00Z"pubdate>9:00</time>——发布时间 (4) ruby标签——对某个字进行注释 <ruby> 漠 <rt></rt> //注释内容 <rp>(</rp> //当浏览器不支持时显示 “厂马” <rp>)</rp> </ruby> (5) wbr标签——软换行 (6) canvas标签——与javascript配合进行图形绘制 <canvas id="mycanvas"> <script > … </script> </canvas> (7)command标签 <menu> <command onclick="alert(hello world)" label="click"> "click me!" </menu>
    查看全部
  • 1, HTML5新增标签 (1)结构标签 (2)表单标签 (3)媒体标签 (4)其他功能标签 <1>结构标签——原来用div (1)section元素——表示页面中一个内容区块,比如章节、页眉、页脚或页面的其他部分。可以和h1、h2等元素结合起来使用,表示文档结构。例:html5中<section>…</section>html4中<div>…</div>。 (2)article元素——表示页面中一块与上下文部相关的独立内容。比如一篇文章。 (3)aside元素——表示article元素内容之外的、与article元素内容相关的辅助信息。 (4)header元素——表示整个页面或页面中一个内容区块的标题。 (5)hgroup元素——表示整个页面或页面中一个内容区块的标题进行组合。 (6)footer元素——表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系方式。 (7)nav标签——表示页面中导航链接的部分 (8)figure标签——表示一段独立的流内容,一般表示文档主体流内容中的一个独立单元,使用figcaption标签为figure标签组添加标题。例如: <figure> <figcaption>PRC</figcaption> <p>the people's republic of china was born in 1949</p> </figure> <2>表单标签 (1) email——必须输入email (2) url——必须输入url地址 (3) number——必须输入数值 (4) range——必须输入一定范围内数值 (5) Date Pickers(日期选择器) 拥有多个可供选取日期和时间的新输入类型: date-选择日、月、年 month-选择月、年 week-选择周、年 time-选取时间(小时和分钟) datetime-选取时间、日、月、年(UTC时间) datetime-local-选取时间、日、月、年(本地时间) (6) search——用于搜索域,域显示为常规的文本域 (7) color
    查看全部
  • 【废除标签】: 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:菜单
    查看全部

举报

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

微信扫码,参与3人拼团

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

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