html5初学2

原创 2017年10月31日 21:15:28
继续学习html5.
1.语义元素。语义元素清楚地向浏览器和开发者描述其意义
    html5中新的语义元素有:许多网站包含了指示导航、页眉以及页脚的 HTML 代码,例如这些:<div id="nav"> <div class="header"> <div id="footer">。
    HTML5 提供了定义页面不同部分的新语义元素:
    <article>:规定独立的自包含内容,文档有其自身的意义,并且可以独立于网站其他内容进行阅读
    <aside>:页面主内容之外的某些内容(比如侧栏)
    <details>:定义用户能够查看或隐藏的额外细节
    <figcaption>:定义 <figure> 元素的标题
    <figure>:规定自包含内容,比如图示、图表、照片、代码清单等。
    <footer>:为文档或节规定页脚,提供有关其包含元素的信息,通常包含文档的作者、版权信息、使用条款链接、联系信息等等,一个文档中可以有多个 <header> 元素
    <header>:为文档或节规定页眉,被用作介绍性内容的容器,一个文档中可以有多个 <header> 元素
    <main>:规定文档的主内容
    <mark>:定义重要的或强调的文本
    <nav>:定义导航链接集合
    <section>:定义文档中的节
    <summary>:定义 <details> 元素的可见标题
    <time>:定义日期/时间
2.html5的一些默认使用的规则
    1>始终在文档的首行声明文档类型 <!DOCTYPE html> 允许小写
    2>元素名允许使用混合大小写字母,但推荐使用小写
    3>不必关闭所有的元素,但推荐关闭,一一对应。
    4>允许大小写混合的属性名,但推荐小写。
    5>推荐属性值加引号
    6>始终对图像使用 alt 属性。当图像无法显示时该属性很重要,始终定义图像尺寸。这样做会减少闪烁,因为浏览器会在图像加载之前为图像预留空间
    7>等号两边的空格是合法的,但推荐精简空格
    8>尽量避免代码行超过 80 个字符
    9>不必毫无理由地增加空行。为了提高可读性,请增加空行来分隔大型或逻辑代码块。为了提高可读性,请增加两个空格的缩进。请勿使用 TAB。请勿使用没有必要的空行和缩进。没有必要在短的和相关项目之间使用空行,也没有必要缩进每个元素
    10>不推荐省略<html>以及<body>
    11> <title> 元素在 HTML5 中是必需的。请尽可能制作有意义的标题

Html5初学_____(2)

web worker是运行在后台的js,不会影响页面的性能。 创建 Web Worker 对象 我们已经有了 web worker 文件,现在我们需要从 HTML 页面调用...
  • xingxing1828
  • xingxing1828
  • 2013年12月26日 21:14
  • 709

QTP11.5/UFT初学练手(2)

上一节对QTP有了初步的认识,当能正确识别时,开始第一个脚本的编写。 1. 按照上一节的步骤新建一个GUITest,Resources→ObjectResponsitory 打开QTP本地对象库 ...
  • u014714713
  • u014714713
  • 2016年06月06日 15:36
  • 1034

Html5学习心得

今天在form表单中写个4个按钮,绑定监听事件后怎么都改不了颜色。点击会触发事件,颜色闪一下就没了,没发儿写个test对照,找了好久才发现问题出在form标签。form标签似乎会在点击事件后使按钮回归...
  • u010737114
  • u010737114
  • 2016年03月30日 22:41
  • 224

html5初学

语法变更打开sublime text3,新建文件,保存为html文件,然后输入”html:5”,再次按下”Tab”键(首先需要为sublime安装emmet插件),就会生成html5的文件结构,如下:...
  • mockingbirds
  • mockingbirds
  • 2015年08月30日 21:59
  • 1111

HTML5初学

Html 5的优势在于1)可以跨平台开发,PC端的程序可以不经过任何修改就在移动端顺利运行;2)支持在线视频,不依赖于Flash插件,像微信里面的小视频就可以使用这种方法。 Html5主张行为(Jav...
  • qq_16403183
  • qq_16403183
  • 2016年12月26日 12:53
  • 132

初学HTML5

今天上W3C开始看HTML5。 首先是一段实现拖放的代码: function allowDrop(ev) { ev.preventDefault(); } function drag(ev)...
  • IreneByron
  • IreneByron
  • 2015年09月09日 12:44
  • 70

初学html5

1.新的文档类型声明(DTD)      html语言是不区分大小写的。     2.新增的html5标签  结构标签   结构标签:(块状元素)有意义的div   标签定义一篇文章   标签定...
  • a694704123b
  • a694704123b
  • 2015年04月16日 23:04
  • 263

html5开发利器——sublimetext2+emmet插件

1、下载sublimetext2,地址:点击打开链接 2、sublimetext是一文本编辑器,通过插件可以编程一个万能的IED。所以,为了管理插件,最好先安装一个package control插...
  • liuxiao723846
  • liuxiao723846
  • 2015年08月07日 14:32
  • 1655

用construct2作HTML5的教程

安装构造2 如果您还没有,请在这里获取最新版本的Construct 2的副本。Construct 2编辑器仅适用于Windows,但是您制作的游戏可以在任何地方运行,例如Mac,Linux或...
  • qq_40361801
  • qq_40361801
  • 2017年11月20日 22:32
  • 185

HTTP/2和WebSocket及HTML5资料整理--WebSocket/HTML5篇

WebSocket比HTTP/2早发布几年,它是一个客户端与服务端间的通信协议,归属于HTML5. 它在开始时利用HTTP协议通讯。 来确认对方是否支持WebSocket。当握手成功后,采用TCP传输...
  • xcltapestry
  • xcltapestry
  • 2015年11月05日 23:32
  • 2217
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html5初学2
举报原因:
原因补充:

(最多只允许输入30个字)