C#145课的主要内容

来源：互联网发布：康麻子知乎编辑：程序博客网时间：2024/05/16 04:45

今天主要学习了一下知识点：

HTML5迁移

从HTML4迁移至HTML5

本章讲解如何从一张典型的HTML4页面迁移至典型的HTML5.

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

注释：你可以使用相同的技巧从HTML4以及xhtml迁移至HTML5.

典型的HTML4页面

更改为HTML5 Doctype

修改文档类型，从HTML4doctype:

修改为HTML5 doctype

更改为HTML5编码

修改编码信息，从HTML4：

改为HTML5：

添加shiv

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

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

为Internet Explore支持而添加的shiv:

注释：请在HTML5浏览器支持中阅读更多有关shiv的知识。

为HTML5语义元素添加css

请看已有的css样式

更改为HTML5<header>和<footer>

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

修改为html5语义元素<header>和<footer>:

更该为HTML5<div>

把id="menu"的<div>元素

修改为HTML5语义元素<nav>:

更改为HTML5<section>

把id="content'的the<div>元素：

修改为HTML5语义元素<section>:

更改为HTML5<article>

把class=“post”的所有<div>元素：

修改为html 5语义元素<article>:

典型的HTML5页面

最后你可以删除<head>标签。HTML5中不在需要他们：

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

在HTML5标准中，<article> <section> 与 <div>之间的差异很小，令人困惑。

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

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

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

0 0