HTML5设计和修改的页面实例分析

今天小编给大家分享一下HTML5设计和修改的页面实例分析的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

ApocalypsePage_Original.html，这是一个格式非常规范的页面，所有的样式均来自于外部样式表。

XML / HTML代码将内容复制到文本

<！DOCTYPE html >

< html lang = " zh-CN" >

<头>

< meta charset = " utf-8" >

< title >立即启示

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

<身体>

< div class = "标题" >

< h2 >世界如何终结

< p class = " Teaser" >我们所知道的会终结生命的场景

< p class = " Byline" > Ray N.康乃馨

<！-结束标题->

< div class = "内容" >

< p > < span class = " LeadIn" >现在 ，您可能感觉不错。毕竟，发达国家的生活很舒适< span class = " style1" > — 可能比整个记录的历史上的普通人类要舒适得多。

< p >但是不要自鸣得意。仍然有很多可怕的方法可以使它崩溃。在本文中，您将了解一些我们的最爱。

< h3 >玛雅世界末日

< p >怀疑论者的看法是玛雅历法简单地卷到一个新的5126年时代的2012年之后，而实际上并没有预测结束生命的启示。但是考虑到已死的玛雅人实际上在其他所有方面都是错误的，为什么我们应该在此方面信任他们呢？

< h3 >机器人接管

< p >虽然没有像吸血鬼接管或活死人接管那样令人恐惧，但是机器人叛乱仍然是令人不安的想法。我们的科技产品已经不胜枚举了，甚至比尔·盖茨（Bill Gates）都担心他的日本机器人奴隶被脚踝翻过来的那一天，并问（以适当的机器人声音）"现在你是谁的爸爸？"

< h3 >无法解释的奇点

< p >我们不知道宇宙是如何开始的，所以我们不能确定宇宙不会只是结束，也许是今天，也许只有一点点反物质和轻微的嘶嘶声才令人兴奋。

< h3 >失控的气候变化

< p >有些不屑一顾，厄运戈尔的预言仍可能成真。如果确实如此，我们可能不得不应对恶性风暴，广泛的食物短缺以及空调维修人员的状况。

< h3 >全球流行

< p >在今后一段时间内，一种致命的病毒可能会罢工。对该疾病的来源有不同的预测，但候选对象包括非洲丛林中的猴子，生物恐怖分子，患有流感的鸟类和猪，未来的战士，外星人种族，使用过多抗生素的医院，吸血鬼，CIA和未洗净的球芽甘蓝。无论来源如何，这显然都是坏消息。

<！-最终内容->

< div class = "页脚" >

< p class = " Disclaimer" >这些世界末日的预测并不反映作者的观点。

< p >

<一个HREF = "AboutUs.html" >关于我们

<一个HREF = "Disclaimer.html" >声明

<一个HREF = "ContactUs.html" >联系我们

< p >版权所有©2014

<！-结束页脚->

在不增加任何CSS样式表之前，效果如下：上面通过三个