HTML5语法-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

HTML5语法

简介: Tornado 是一个Python web框架和异步网络库,起初由 FriendFeed 开发. 通过使用非阻塞网络I/O, Tornado可以支撑上万级的连接,处理 长连接, WebSockets ,和其他需要与每个用户保持长久连接的应用.

HTML编码惯例

Web开发人员在使用HTML时,往往有不确定的编码风格和语法.

2000和2010之间,许多Web开发人员从HTML转换到XHTML.

在XHTML中,开发人员被迫写出有效的和结构良好的代码.

HTML5说到的代码验证有点儿马虎.


聪明和未来的证明

一个一贯使用的风格,让别人了解你的HTML更容易.

在未来,如XML阅读器,可以阅读你的HTML.

使用形式好的更“接近XHTML的”语法,可以更聪明.

始终保持您的代码整洁,干净,并形成良好.


使用正确的文档类型

始终将文档类型声明为文档中的第一行:

<!DOCTYPE html>

如果你想私有小写标签,您可以使用:

<!doctype html>

使用小写的元素名称

HTML5允许混合大写和小写字母的元素名称.

我们建议使用小写元素名称,因为:

  • 混合大写和小写的名字是不好的
  • 开发者通常使用小写名称 (像在XHTML里面一样)
  • 小写字母看起来更干净
  • 小写更容易写

不好的:

<SECTION>
  <p>这是一个段落.</p>
</SECTION>

非常不好的:

<Section>
  <p>这是一个段落.</p>
</SECTION>

好的:

<section>
  <p>这是一个段落.</p>
</section>

关闭所有的HTML元素

在HTML5中,你不需要关闭所有的元素 (例如 <p> 元素).

我们建议您关闭所有的HTML元素.

不好的:

<section>
  <p>这是一个段落.
  <p>这是一个段落.
</section>

好的:

<section>
  <p>这是一个段落.</p>
  <p>This is a paragraph.</p>
</section>

关闭空的HTML元素

在HTML5中,是否关闭空元素是可选的.

允许的:

<meta charset="utf-8">

这也行:

<meta charset="utf-8" />

然而,关闭元素,使用反斜杠(/)是XHTML和XML要求的.

如果您希望XML软件访问您的页面,最好关闭元素!


使用小写属性名称

HTML5允许混合大写和小写属性名称.

我们建议使用小写属性名称,因为:

  • 混合大写和小写的名字是不好的
  • 开发者通常使用小写名称 (像在XHTML里面一样)
  • 小写字母看起来更干净
  • 小写更容易写

不好:

<div CLASS="menu">

好的:

<div class="menu">

引号括住属性值

HTML5允许属性值没有引号.

我们建议引用属性值,因为:

  • 混合大写和小写的值是不好的
  • 引号更容易阅读
  • 如果值包含空格,则必须使用引号

很不好:

<table class=table striped>

不好:

<table class=striped>

好:

<table class="striped">

图像属性

总是为图片添加“alt”属性。当某些原因无法显示图像时,此属性非常重要。此外,始终定义图像宽度和高度。它减少了闪烁,因为浏览器可以预留空间的图像加载前。

不好:

<img src="html5.gif">

好:

<img src="html5.gif" alt="HTML5" style="width:128px;height:128px">

空间与等号

HTML5允许在等号的空格。但空间更小更容易阅读,更好地组合实体.

不好:

<link rel = "stylesheet" href = "styles.css">

好:

<link rel="stylesheet" href="styles.css">

避免长代码行

使用HTML编辑器时,它是向右滚动不便读取右边的HTML代码.

尽量避免代码行长于80个字符.

原文:http://www.codingdict.com/article/1454

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章