高效书写HTML5

作者: 提小莫 | 来源:发表于2017-03-12 10:54 被阅读522次

H5开始对标签及属性的书写更加包容,同时新增了语义化的标签,也是为了替代纯div+css的布局,本文讲带大家一起学习和探讨HTML书写规范。

1.文档类型声明

文档类型声明

2.标签、属性名、文件名推荐小写字母

标签、属性、文件名

3.双标签可省略关闭标签,不过建议保留关闭标签

双标签

4.单标签的“/”可写可不写(但在XHTML和XML中斜线是必须的

"/"的省略

5.可全部省略的标签,不过建议保留

可全部省略的标签

ps:省略或在DOM和XML软件中会崩溃,省略在旧版浏览器(IE9)会发生错误。

6.布尔值的属性,可省略属性值

bool值类型属性

7.属性值可以不使用引号,推荐使用引号。

属性值的各种写法

8.属性与属性值之间等号前后空格

空格问题

9.属性书写顺序

顺序依次是class、id/name、data-、src/for/type/href、title/alt、aria-/role。

书写顺序

10.使用语义化标签

语义化标签

以下内容为H5相关标签,大家可以自行学习。

1.其它新增标记

1 2 3

2.废弃元素

basefont、big、center、font、s、strike、tt、u、bgsound、marquee(只有IE支持)、rb、acronym、dir、isindex、listing、xmp、nextid、plaintext、

frame废弃原因,主要是影响load事件加载,具体请参考:

http://gongxquan.blog.163.com/blog/static/2108462532012111643039216

相关文章

  • 高效书写HTML5

    H5开始对标签及属性的书写更加包容,同时新增了语义化的标签,也是为了替代纯div+css的布局,本文讲带大家一起学...

  • HTML的语义化

    深入理解HTML5标签如何写出高效率的HTMLHTML 5的革新——语义化标签怎样理解HTML5和CSS3的语义化...

  • 书写高效CSS

    前言:MDN上有写关于如何高效的css的文章,此文主要参考其做了记录(也可以理解为是翻译)。css规范并不会强行规...

  • PHP高效书写方式

    由于 PHP 代码书写的灵活性,每个人都有自己的书写习惯,避免低效的书写方式,是一个有追求的程序员的义务。 字符串...

  • HTML5语法,标签, 属性

    @(HTML5)[HTML5 语法, HTML5标签, HTML5属性] [TOC] 一 、HTML5语法,标签,...

  • LESS动态样式语言

    一.less初始 less让书写css样式的时候更高效,但我们最终还是将它转化成css模式引到文件中去,只是书写时...

  • 「HTML 」语法

    HTML标签 书写规范标签属性 全局属性 标签分类 标签关系 注释标签 HTML5新语义标签兼容性低版本IE显示问...

  • HTML5常用的标签

    目录: HTML5新结构标签 HTML5新其他标签 HTML5新input类型 HTML5新属性 HTML5高级应...

  • Markdown软件清单

    Markdown是一种高效的书写方式,让我们更加专注于内容的书写与表达,无需过多的关注于文件的格式、排版问题。 作...

  • JDK的升级

    目的: 1.简化书写; 2.提高效率; 3.增加安全性;

网友评论

  • 提小莫: @落叶守护爱 所以爱才是一直以来我们去写的理由,先把自己变好,变强大
  • 不同视角下的世界:有HTML基础,想要好好学一下H5+CSS3有没有什么比较推荐的书籍?
    不同视角下的世界: @提小莫 有什么推荐的网站没。我只知道W3C
    提小莫: @心情好到爆炸 现在的书都比较落后,建议直接到对应的官网学西api
  • wds_94:iframe 被废弃了 那么h5有没有取代它的呢
    提小莫: @代码的神韵 好滴,我看看,感谢,一起学习进步哈
    ff22f1e2f6f8:@wds_94 SPA不知道你听说过么?现在很多前端框架比如angular等等都有路由这么一个概念你可以学习一下
    提小莫: @wds_94 目前是没有的,因为这个标签主要是为之前那种交互少的网站出的,现在的网站对页面性能要求很高,所以这种内嵌网页的标签已经很少用了。

本文标题:高效书写HTML5

本文链接:https://www.haomeiwen.com/subject/rdjtnttx.html