网络编程
位置:首页>> 网络编程>> 网页设计>> 《HTML5设计原理》读后随记(2)

《HTML5设计原理》读后随记(2)

作者:黑妞HAHA 来源:WEB前端开发工程师的随记 发布时间:2011-01-25 12:26:00 

标签:html5,设计

二、指定文档的字符编码的写法:


//HTML 4.01:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

//XHTML 1.0:
<?xml version="1.0" encoding="UTF-8" ?>

//HTML5:
<meta charset="utf-8"/>


备注:此简短写法,它不仅适用于最新版本的浏览器,只要是今天还有人在用的浏览器都同样有效。

HTML5其他简洁写法:


<link href="#" rel="stylesheet"/>
//无需再写type="text/css",否则那就是重复自己了

<script></script>
//无需再写使用的脚本语言 type="text/javascript"


HTML5设计原理二:支持已有的内容


<img src="foo" alt="bar" />
<p class="foo">Hello world</p>

<img src="foo" alt="bar">
<p class="foo">Hello world

<IMG SRC="foo" ALT="bar">
<P CLASS="foo">Hello world</p>

<img src=foo alt=bar>
<p class=foo>Hello world</p>


备注:HTML5支持已存在的各种不严谨的写法。

在JavaScript,你可以在每条语句末尾加上分号,但不是必需的,因为JavaScript会自动插入分号……

JSlint确实是个非常棒的工具,规范统一JavaScript编码风格,在团队项目非常有用。

HTML5设计原理三:解决现实的问题

给整块内容(含多个块级元素)加个链接


//HTML 4.01 XHTML 1.0:
<h2><a href="/path/to/resource">Headline text</a></h2>
<p><a href="/path/to/resource">Paragraph text.</a></p>

//HTML5:
<a href="/path/to/resource">
<h2>Headline text</h2>
<p>Paragraph text.</p>
</a>


备注:这种写法其实早就已经存在于浏览器中了,但以前这样写是不合乎规范的,现在我们把标准改了,允许你这样写了。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com