第四大原因:更清晰的代码,Doctype

如果你对于简答,优雅,容易阅读的代码有所偏好的话,HTML5绝对是一个为你量身定做的东西。

HTML5允许你写出简单清晰富于描述的代码。

符合语义学的代码允许你分开样式和内容。看看这个典型的简单拥有导航的heaer代码:

<div id="header"> <h1>Header Text</h1> <div id="nav">  <ul>   <li><a href="#">Link</a></li>   <li><a href="#">Link</a></li>   <li><a href="#">Link</a></li>  </ul> </div></div>

  是不是很简单?但是使用HTML5后会使得代码更加简单并且富有含义:

<header> <h1>Header Text</h1> <nav>  <ul>   <li><a href="#">Link</a></li>   <li><a href="#">Link</a></li>   <li><a href="#">Link</a></li>  </ul> </nav></header>

   使用HTML5你可以通过使用语义学的HTML header标签描述内容来最后解决你的div及其class定义问题。

以前你需要大量的使用div来定义每一个页面内容区域,但是使用新 的<section>,<article>,<header>,

<footer>,<aside> 和<nav>标签,

需要你让你的代码更加清晰易于阅读。

时间: 2024-10-13 17:00:39

第四大原因:更清晰的代码,Doctype的相关文章

R语言︱机器学习模型评价指标+(转)模型出错的四大原因及如何纠错

笔者寄语:机器学习中交叉验证的方式是主要的模型评价方法,交叉验证中用到了哪些指标呢? 交叉验证将数据分为训练数据集.测试数据集,然后通过训练数据集进行训练,通过测试数据集进行测试,验证集进行验证. 模型预测效果评价,通常用相对绝对误差.平均绝对误差.根均方差.相对平方根误差等指标来衡量. 只有在非监督模型中才会选择一些所谓"高大上"的指标如信息熵.复杂度和基尼值等等. 其实这类指标只是看起来老套但是并不"简单",<数据挖掘之道>中认为在监控.评估监督模型

安卓奇葩问题之:运行OK,打包安装崩溃(原因是:代码不规范导致编译出错)

咳咳,还是那句话,真是日了狗了 这个问题真的很难找,废话不多少,上酸菜. 报错信息是这个方法返回的图片找不到 public static int getImgID(boolean isBig, int id) { if (id == -2) return R.mipmap.tianjia; if (id == -1) return R.mipmap.jiahao; if (isBig) { switch (id) { case 0: return R.mipmap.jrfu; case 1: r

解析白盒设备便宜的四大原因

为什么白盒&白牌网络设备的价格远比品牌设备要低?主要有4个原因,不外乎是关于市场经济和商品采购与制造的机制. 1.投入成本少 开发新产品前设备商需要先投入一大笔资金开发产品.过去20年,这就意味着需要创建一个团队设计芯片,开发软件,设计物理机箱.在开发产品的过程中还需要投入资金进行质量保障,功能管理和早期生产评估.市场团队还需要在功能选择.产品推销和客户会谈方面耗费大量资金.直到拿下大的订单后才开始大量生产产品,之后才开始填充库存. 开发环节所耗费的资金十分可观,如果采用已有的商用芯片和开源软件

网络丢包的四大原因和修复方法

网络链接阻塞数据在网络传输过程中会经过很多设备和网络链接,只要其中一个网络链接在数据到达之前已经满负载了,那么数据将会在这里阻塞一段时间.如果说网络设备非常落后,那么网络链接就没有足够的等待空间给新数据,它唯一能做的就是将信息丢弃. 修复方法:A增加阻塞链接的带宽B使用Qos(流量优先级和资源保留控制机制)优先处理实时应用.尽管这种方法并不能缓解网络链接阻塞情况,但是它可以优先处理语音和视频来降低断线的可能性. 设备性能(路由器.防火墙.交换机)在带宽充足的情况下,如果你的路由器.防火墙.交换机

使用HTML5的十大原因

你难道还没有考虑使用HTML5? 当然我猜想你可能有自己的原因:它现在还没有被广泛的支持,在IE中不好使,或者你就是喜欢写比较严格的XHTML代码.HTML5是web开发世界的一次重大的改变,事实上不管你是否喜欢,它都是代表着未来趋势.其实HTML5并不难理解和使用.我们这里能列出许多原因为什么现在要开始使用HTML5. 目前有很多的文章介绍使用HTML5并且介绍了使用它的优势和好处,没错,我们这篇文章也类似.随着更多这样的文章,以及Apple的支持, Adobe围绕HTML5的产品开发,以及移

【html5】使用 html5 的十大原因

你难道还没有考虑使用 html5? 当然我猜想你可能有自己的原因:它现在还没有被广泛的支持,在 ie 中不好使,或者你就是喜欢写比较严格的 xhtml 代码.html5 是 web 开发世界的一次重大的改变,事实上不管你是否喜欢,它都是代表着未来趋势.其实 html5 并不难理解和使用.我们这里能列出许多原因为什么现在要开始使用 html5. 目前有很多的文章介绍使用 html5 并且介绍了使用它的优势和好处,没错,这篇文章也类似.随着更多这样的文章,以及 apple 的支持,adobe 围绕

编写高质量的 HTML 代码

编者寄言: 本文主要为编者读书笔记,在文章里面很多话是掺杂了编者自己的见解,如果有哪里出现错误或者用词不严谨,请友善留言,编者会及时去更改. 本文很多地方只是简单说了一下应该注意的地方,具体代码部分请自行上网查找,给您带来的困扰,非常抱歉. 这篇文章的主要目的是给一些自学 以及 对 HTML 5刚刚入门的朋友提供一些从编码习惯方面的帮助,如果您觉得这篇文章对您有帮助,请给编者点赞留言,鄙人感激不尽. 李鹏 2016年05月17日10:27:45 第零章 前言 web 前端开发是从网页制作演变而来

一个帖子学会Android开发四大组件

这个文章主要是讲Android开发的四大组件,本文主要分为 一.Activity详解 二.Service详解 三.Broadcast Receiver详解 四.Content Provider详解 外加一个重要组件 intent的详解. 文章有部分内容来自网络,本文是一个总结性文章. 一.Activity详解 Activty的生命周期的也就是它所在进程的生命周期. 一个Activity的启动顺序: onCreate()-->onStart()-->onResume() 当另一个Activity

div+css通用兼容性代码整理

一.Div+css通用兼容性代码 你可以在css开头加入 *html{padding:0px} 复制代码 代码如下: <style> *html{padding:0px} /* Clear Fix */ .clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hide from IE Mac */