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常用命令-零基础

  • 2015年05月10日 11:31
  • 73KB
  • 下载

html5入门经典源码

  • 2018年01月27日 18:05
  • 69.86MB
  • 下载

HTML5基础入门学习心得体会

1.在书写HTML代码之前以下几个条件一定要熟记: HTML文件中的标记是不区分大小写的; 文件名的格式为index.html; 任何一种纯文本编辑可以编辑HTML文件; 浏览器要求是IE,G...
  • xiaohen123456
  • xiaohen123456
  • 2017-08-16 15:07:52
  • 756

Html5初学_____(2)

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

html5练手小程序

  • 2016年01月07日 22:44
  • 432B
  • 下载

html5初学day2【作业】

古诗文代码: =========================================================================== html> html lang...
  • nwan_96
  • nwan_96
  • 2017-04-16 21:15:35
  • 170

HTML5基本元素的使用。

HTML5常用的一些标签
  • gfd54gd5f46
  • gfd54gd5f46
  • 2017-01-15 15:53:26
  • 395

《 初学 》 html5 制作精灵表 坐标查看器

快进来看看吧!
  • XPY567
  • XPY567
  • 2015-12-22 00:48:08
  • 340

HTML5秘籍(第2版) 书签高清完整版pdf

  • 2016年10月21日 22:39
  • 1KB
  • 下载

HTML5初学

Html 5的优势在于1)可以跨平台开发,PC端的程序可以不经过任何修改就在移动端顺利运行;2)支持在线视频,不依赖于Flash插件,像微信里面的小视频就可以使用这种方法。 Html5主张行为(Jav...
  • qq_16403183
  • qq_16403183
  • 2016-12-26 12:53:39
  • 134
收藏助手
不良信息举报
您举报文章:html5初学2
举报原因:
原因补充:

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