html5简约个人博客（怎么用html5制作个人主页）
本文目录
怎么用html5制作个人主页
总体把页面一分为二，《header》是包含在《article》里面的，页脚部分是单独的一块儿。大致结构获悉了后再从局部入手，《header》部分，有主标题、副标题、还有作者署名，前面我们讲过，如果除了主标题，还有一个副标题，那可以把这两个标题写在一个《hgroup》元素中。如果除了主标题之外，还有其他内容，比如内容摘要、发表时间、作者、图片或者小标题链接等，那就应该把他们放在一个 《header》元素中。
《header》
《hgroup》
《h1》给个人博客增加色彩元素提升网站用户体验《/h1》
《h2》网页的色彩——决定用户是否驻足停留的关键《/h2》
《/hgroup》
《p class=“Byline“》design by DanceSmile《/p》
《/header》
接下来是文章正文部分：
部分代码：
《div class=“Content“》
《p》第一眼看到杨青个人博客网站的时候，如果你喜欢...《/p》
...
《/div》
正文当中还有一幅插图，html5新增加了插图这个《figure》语义元素，《figcaption》不是只能包含文本，任何html元素都可以，比如链接、小图标。《figcaption》包含了对图片的完整说明，所以alt文本就显得多于了，这种情况下，可以把《img》元素中的alt属性删除：
《figure》
《img src=“/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg“》
《figcaption》图片来源：腾讯CDC《浅析网页色彩应用》《/figcaption》
《/figure》
最后在把上面的代码写在《article》里面。
《footer》部分只是一些简单的页脚信息。
Html5页面是什么有什么特点有哪些应用是基于该技术
相关知识可以去百度百科查看，那里有更详细的解释。善用搜索，善用百科、文库之类的知识资源平台。
这里简单说一下HTML5，html5是一个规范，其最大的特点在于总结了历代HTML语言的特点，强化了html语言的功能性和可扩展性，把大部分可用的标签和属性做了统一和规范。
以往，各浏览器都是一家独大，夜郎自大，或多或少的都在“发明”一些自己觉得不错的标签和属性，导致，网页设计和制作一直没有一个良好的规范，html5就是把这些以往出现的各种语法和用法，取长补短的做了一次总结，同时，简约未来网页应用的发展趋势，添加了一些新的功能内容，可以说，使用html5+css+js就可以开发一个动态（数据库、缓存数据、动画等）的网站，在这以前，动态是需要使用asp、php、jsp等动态变成语言实现的。
可以说，html5是语义化、性能优化、体验优化的产物，相对于以往的html5版本，html5还算完美（目前处于草案阶段，具体的内容还有待完善和商榷）。
html5适合开发网页应用，这里的网页应用是狭义的网页应用（类似桌面应用程序），而且，目前，html5在智能手机端的应用是属于较为常见的，这得益于智能机的原始浏览器属性（webkit内核，google android和apple IOS都是webkit内核的浏览器）和其应用特性（主要还是流量限制，html5有应用缓存功能和本地数据库）；
腾讯等一些优秀的互联网产品提供商也开始把自家的网页更新到了html5了（QQ邮箱的拖拽上传、腾讯微博的CSS3图片、QQ空间的标签语义化等），国内大部分的网页设计公司和团队，也逐渐开始设计和制作基于html5部分功能的网页和网站了；
可以说，html5是一个趋势，是一个向性能和体验看齐的规范化趋势。关于网上说的html5的“使命”是干掉flash（《HTML5和Flash之粗知浅见》），个人以为太过片面，放大了html5的某个功能而已。
怎么把自己制作的HTML5网页传到自己的hexo博客上
其实在VPS上搭建博客有两种方案：第一种就是在VPS上搭建完整的生产环境，使用Nginx反代VPS本地localhost实现访问；第二种是类似托管Github之上，仅需要Nginx作静态环境，本地生成静态文件后push。
怎么让我的博客园博客支持HTML5标签
把代码拿出来贴在head里或者自己本地写个html5.js，就像这样：
《!DOCTYPE html》
《html》
《head lang=“en“》
《meta charset=“UTF-8“》
《title》《/title》
《script》
(function(){if(!/*@cc_on!@*/0)return;var e =“abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video“.split(’,’),i=e.length;while(i--){document.createElement(e[i])}})()
《/script》
《style》
/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
section{color: red}
《/style》
《/head》
《body》
《section》试验下《/section》
《/body》
《/html》
更多文章：
majority of（the majority of 和 a majority of的区别以及用法例句）
2026年10月11日 07:40
2026年10月11日 07:20
2026年10月11日 06:30
2026年10月11日 06:20
2026年10月11日 05:40
another time（another time和other time的区别）
2026年10月11日 05:00
2026年10月11日 04:50
2026年10月11日 03:00
2026年10月11日 02:40
2026年10月11日 02:20
