了解Boilerplate - 学习笔记一

最新推荐文章于 2025-09-05 22:35:48 发布

转载最新推荐文章于 2025-09-05 22:35:48 发布 · 307 阅读

文章标签：

#html5 #编程 #标准

Boilerplate 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了HTML5 Boilerplate的基本概念及代码结构，包括文档类型声明、字符集定义、IE兼容性设置等内容，并提供了SEO优化建议。

HTML5 Boilerplate只是一个单纯的HTML模版，它的目的更多的是一个页面编程的标准，非常值得借鉴应用。、、

Boilerplate 的代码如下：

第一行，<!doctype html>文档类型使用了HTML5文档声明，这个明显简单明了

要达到自动搜索引擎真正能方便地搜索到你的网页还得注意以下几点：
A、既要定义meta标记项，又要将首页正文的前200个字符定义成反映主页主题的文字。因为有些导航台在标引meta项中的关键词的同时，还要标引正文中的前200个字符。如：altavista。所以，有些人在注册完导航台后去检查注册结果时，发现导航台中的描述并不是你所希望的，而是诸如版权说明之类的文字。产生这一现象的原因就是没有注意到这一点。
B、将定义关键词的meta标记项放在定义描述的meta项之前。如：
<meta type="keywords" content=".......,...,...">
<meta type="description" content="...,....,...">
C、将最重要的关键词放在最前面，让相关的关键词相邻。全小写与首字母大写并存，因为有的导航台在标引时对字符的大小写是敏感的。包括标点符号不要超过250个单词
D、首页最好不用frame结构，因为frame将屏幕划分成多个窗口后，导航台不能智能地选择正确的窗口中的主页去标引。

顺便一提：一个页面过上一定的时间，自动转到另一个页面或者站点去，如：< Meta HTTP-EQUIV="refresh" content="6; url=http://hi.baidu.com/tesalo/" >content中的6表示时间，单位为秒，url=后面是你要转向的网址，若是与你当前网页在同一目录下，可以直接写上文件名

基础浏览器CSS重置，标准化边距等。CSS内都有具体的文档说明。