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

HTML5之元素与标签结构

难度初级
时长 1小时 0分
学习人数
综合评分9.20
453人评价 查看评价
9.6 内容实用
9.0 简洁易懂
9.0 逻辑清晰
  • 一、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
    查看全部
    0 采集 收起 来源:HTML5语法

    2018-03-22

  • HTML5语法: 1,DOCTYPE及字符编码; 2,大小写都可以; 3,布尔值;checked 4,省略引号 5,可以进行省略的标签
    查看全部
    0 采集 收起 来源:HTML5语法

    2015-08-13

  • 1.结构标签:以前都是通过<div>实现的 (1)section:独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节、页眉、页脚或页眉的其他部分; (2)article:特殊独立区块,与上下文不相关的独立内容,表示这篇页眉中的核心内容;(比如一篇文章) (3)aside:article标签内容之外与标签内容相关的辅助信息;(文章的辅助内容) (4)header:整个页面/某个区块的头部信息/标题;(头部信息) (5)hgroup:表示对整个页面或页面中的一个内容区块的标签进行组合;(头部信息的补充内容) (6)footer:表示整个页面或页面中一个内容区块的脚注,一般来说,会包含创作者的姓名、创作日期以及创作者的联系信息; (7)nav:表示页面中导航链接的部分 (8)figure:表示一段独立的流内容,一般表示文档流内容中的一个独立单元,使用figcaption标签为figure添加标题(独立的单元,例如某个有图片与内容的新闻块。)
    查看全部
  • 前台布局的div 最好用class 涉及到后台的话最好用id
    查看全部
  • <iframe>内嵌框架 seamless无边框 srcdoc覆盖src sandbox受到严格安全限制(禁止提交表单、运行JS脚本,表示内嵌页面和当前页面异源) sandbox="allow-form"(允许提交表单)
    查看全部
  • <script> window.document.designMode = 'on'; </script> designMode 设计模式 这个模式开启之后我们可以把所有的标签进行修改。(全局) contenteditable = 'true'; (局部)
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2018-03-22

  • contenteditable html中的一个属性。设置html的contentEditable=‘true’时,即可开启该元素的编辑模式。 Html中的contentEditable的属性可以打开某些元素的可编辑状态.也许你没用过contentEditable属性.甚至从未听说过.contentEditable的作用相当神奇.可以让div或整个网页,以及span等等元素设置为可写。我们最常用的输入文本内容便是input与textarea  使用contentEditable属性后,可以在div,table,p,span,body,等等很多元素中输入内容.
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2015-08-11

  • tabindex 设置我们table跳转的顺序 tabindex='2' 这样设置
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2015-08-11

  • spellcheck 自动检查单词是否写错
    查看全部
    0 采集 收起 来源:HTML5全局属性

    2015-08-11

  • seamless 属性表示该iframe 框架没有边框和边距 srcdoc = "<h1>Hello</h1>" : 指定内嵌框架的内容(当有srcdoc 属性时,会忽略 src 属性中的内容) sandbox 用来规定内嵌框架的安全级别,该属性存在时,禁止在该内嵌页面中提交表单,禁止在该内嵌页面中运行js脚本,内嵌的页面跟外面的页面不是相同的源。也可以给该属性赋值(allow-forms,......)
    查看全部
  • script 新增属性加载策略 defer(页面全部加载完之后才执行) 和 async(下载后马上运行,同时运行过程中浏览器依旧解析下面的内容)
    查看全部
  • 1.结构标签:以前都是通过<div>实现的 (1)section:独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节、页眉、页脚或页眉的其他部分; (2)article:特殊独立区块,与上下文不相关的独立内容,表示这篇页眉中的核心内容;(比如一篇文章) (3)aside:article标签内容之外与标签内容相关的辅助信息;(文章的辅助内容) (4)header:整个页面/某个区块的头部信息/标题;(头部信息) (5)hgroup:表示对整个页面或页面中的一个内容区块的标签进行组合;(头部信息的补充内容) (6)footer:表示整个页面或页面中一个内容区块的脚注,一般来说,会包含创作者的姓名、创作日期以及创作者的联系信息; (7)nav:表示页面中导航链接的部分 (8)figure:表示一段独立的流内容,一般表示文档流内容中的一个独立单元,使用figcaption标签为figure添加标题(独立的单元,例如某个有图片与内容的新闻块。)
    查看全部
  • 输入提示 list对应datalist的ID <input id="myCar" list="cars"> <datalist id="cars"> <option value="BMW"></option> <option value="VOlVO"></option> </datalist>
    查看全部
  • <proguress max="100" value="85"></proguress>//进度条 <wbr>软换行 <ruby>注解 ------------ 输入提示 <input id="myCar" list="cars"> <datalist id="cars"> </datalist>
    查看全部
  • C:\Users\YOU\Downloads\install_flash_player_ppapi.zip
    查看全部

举报

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

微信扫码,参与3人拼团

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

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