C#226课的主要内容

来源：互联网发布：飞机票网上预订软件编辑：程序博客网时间：2024/05/22 03:10

今天主要讲了一下知识点：

html5迁移

本章讲解如何从一张典型的html4页面迁移至典型的html5

本章演示演示如何把一张已有的html4页面转换为html5页面，在不破坏如何原始内容和结构的情况下。

注释：你可以使用相同的技巧从html4以及XHTML迁移至html5.

典型的html4页面

实例

更改为html5 Doctype

修改文档类型，从html4 doctype:

修改为html5 doctype:

更改为html5编码

修改编码信息，从html4:

添加shiv

所有现代浏览器都支html5语义元素。

此外，你可以教授老式浏览器如何处理未知元素。

为Internet explorer支持而添加的shiv:

为html5语义元素添加css

更改为html5<header>和<footer>

把id=""header"和id="footer"的<div>元素：

<article><section>与<div>之间的差异

在html5标准中这三者之间的差异很小，令人困惑。

在html5标准中，<section>元素被定为相关元素的块。

<article>元素被定义为相关元素的完整的自包含块。

<div>元素被定义为子元素的块。

html(5)样式指南和代码约定

html代码约定

web开发者常常不确定在html中使用的代码样式和语法。

在2000年至2010年之间，许多web开发者从html转换为xhtml.

通过xhtml，开发者不得不编写有效的格式良好的代码。

html5在代码验证时会更宽松一点

通过html5，你必须创建属于自己的最佳实践，样式指南和代码预定。

智能且有未来保证

对样式的合乎逻辑的使用，可以令其他人更容易理解和使用你的html.

属性值加引号

html5允许不加引号的属性值

我们推荐属性值加引号：

如果属性值包含值，则必须使用引号

混合样式绝对不好

加引号的值更易阅读

必须的属性

请始终对图像使用alt属性，当图像无法显示时该属性很重要

请始终定义图像尺寸，这样做会减少闪烁，因为浏览器会在图像加载之前为图像预留空间。

空格和等号

等号两边的空格是合法的：

但是精简空格更易阅读

避免长代码行

当使html编码器时，通过左右滚动来阅读HTML代码很不方便。

请尽量避免代码行超过80个字符。

空行和缩进

为了提高可读性，请增加空行来分割大型或逻辑代码块

为了提高可读性，请增加两个空格的缩进，请勿使用TAB。

请勿使用没有必要的空行和缩进没有必要在短的和相关项目之间使用空行，也没有必要缩进每个元素：

省略<html>和<body>?

在HTML5中，能够省略<html>标签<body>标签

阅读全文

0 0