HTML结构文档中那些基础又重要又容易被忽略的事?

HTML结构文档中那些基础又重要又容易被忽略的事?

大部分的人,总是会做出这样下意识地判断:简单就是不重要,容易就可以直接忽略掉!其实不然,简有精髓,基石必重,岂能略而不顾!HTML结构文档的编写,可以说是入手简易,繁杂靠边!就是因为这样,很多前端开发者往往会忽略其重要性?不信,那我就来说说HTML结构文档编写开发中,那些容易被忽略的事吧!

居于HTML文档之首的DOCTYPE?

如果问DOCTYPE是什么?大家都会回答是文档声明。问为什么需要加上它?相信很多人会说,我看到其他人或者前辈们都是这么写,所以我就这么写了;或者说我的编辑器默认就有了。也就是知其然,而不知其所以然!如果你也是这种情况?请看看《doctype 文档类型》这篇文章吧!将为详情讲述!那如果我们未进行文档声明又会发什么情况呢?经过验证在IE6浏览器下会出现怪异解析,导致盒模型的计算产生了变化!了解详情请点击《怪异解析 - IE6盒模型》。如果你还想了解其他有关盒模型的知识点,你也可以点击《“百变”盒模型》

<meta>元素?

<meta>元素位于文档的头部,不包含任何内容。<meta>元素的属性定义了与文档相关联的名称/值对。<meta>元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。相信这些大家都很清楚不过了,对SEO优化起着至关重要的作用!但是大家是不是有遇到过这样的情况,编写好的HTML文档在浏览器上打开,却是一堆乱码?如果是这样的话,你肯定是忘记了<meta charset="规定 HTML 文档的字符编码">!并且这句代码,最好是放在<title></title>之前。HTML5现在越来越受到前端开发者们与业界的青睐,然而在移动的视口匹配也是离不开meta,具体详情,请点击《移动端H5知识[系列] - 视口viewport》

<title>元素?

我们大家都知道,一篇文件的概要基本都涵盖在了标题之中!在HTML结构文档中也不例外,有一个好的标题,不仅可以提高SEO优化,还可以提高用户体验。可以让用户一眼就可以锁定自己所需的信息!当然啦!谈到这个title,大家不要忘记了img中的title属性的作用了。如果需要了解详情,请点击《img中alt与title辨析》

致谢

很感谢电脑前的你,将这篇文章从头读完,我们希望能够为大家建立一个HTML5技术分享平台,欢迎进入“HTML5学堂”沟通交流~~~HTML5学堂~http://www.h5course.com~由多名热爱H5的讲师们组成的一个组织。致力于构建一个前端技术、HTML5知识的分享平台。

原文地址:https://www.cnblogs.com/h5course/p/5097804.html