zoukankan      html  css  js  c++  java
  • 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知识的分享平台。

  • 相关阅读:
    Delphi公用函数单元
    Delphi XE5 for Android (十一)
    Delphi XE5 for Android (十)
    Delphi XE5 for Android (九)
    Delphi XE5 for Android (八)
    Delphi XE5 for Android (七)
    Delphi XE5 for Android (五)
    Delphi XE5 for Android (四)
    Delphi XE5 for Android (三)
    Delphi XE5 for Android (二)
  • 原文地址:https://www.cnblogs.com/h5course/p/5097804.html
Copyright © 2011-2022 走看看