zoukankan      html  css  js  c++  java
  • 新手前端笔记之--必备的标签

      必备的标签是构成一个网页最基本的标签,对一个网页设计新手,新建页面时下面的标签可能都会写出来

    1 <html>
    2     <head>
    3         <title>标题</title>
    4     </head>
    5     <body>
    6           正文。。。
    7     </body>
    8 </html>

      对此有几个问题需要解决1:这些是必备标签吗?2:必备标签只有这几个吗?3:必备的原因是什么?接下来一一进行分析。

    1. 这些是必备标签吗?当然是!你可能说在记事本上写下“hello,world.”字符串,保存为html文件,用浏览器打开就能看到这串字符,但我并没有写这些标签啊。 好吧,这并用来证明结论是错误的,只是浏览器本身有足够强大的纠错能力,可以将一些错误智能化的改正以满足显示的需求。你可以在上述方法打开的页面下右键—>检查元素(ie下使用快捷键f12),你就会发现有一些标签被自动添加上了,对,你猜的没错,这些正是必备标签。
    2. 必备标签只有这几个吗?当然不是!当然有上面几个标签已经可以显示一个页面了,但在这里,必备的含义应该被扩大。这又是为什么呢? 因为还有一个前端经常会遇到的问题——页面乱码和乱排(这里指的是特定情况下)!这两个问题就是因为缺少必备标签<!DOCTOPE>,<meta>所造成的。

         3. 必备的原因是什么呢?这个问题需要仔细讨论。

             1. 上面代码段中的标签除了<title>之外都是构成文档的结构所以必备,应该没有什么异议。那<title>标签又为何必备呢?

        2.   <title>标签必备是因为搜索引擎蜘蛛将其中内容做为判断网页主题的重要依据(这涉及seo搜索引擎优化)并将文本内容作为指向网页的链接显示在搜索引擎的结果页面 ,供用户点击查看。

             3.<!DOCTYPE>标签必备是因为浏览器再解析html文档时是依据该标签提供的DTD(Document Type Definition,文档类型声明)来进行的,如果没有该标签可能会使浏览器进入混合模式进行解析。具体内容见www.aoao.org.cn/blog/2007/01/browser-mode/

             4.<meta>标签必备是因为它里面包含一些浏览器和搜索引擎所需要的信息,都是在属性里定义的(因为该标签只包含属性),最主要的有以下几个

    1  <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 
    2  <meta name="Keywords" content="">
    3  <meta name="Description" content="">

    分别设定字符集(未设定或设定不正确可能造成乱码),关键字和页面描述(与seo有关),其他还有一些了解即可。

             5.<link>算是“伪”必须标签,它是用来引进css样式表的,现在样式表的内容越来越多,为了简化html文档(这样有助于提高打开速率)和方便对样式进行统一的修改维护,所以通常将html文档和其分离开。

    附录:

      乱码问题:浏览器中有默认的字符集,当你没有通过<meta>标签设置字符集,那么浏览器就会以默认为准进行解析,如果你没有在屏幕上看到一堆奇怪的字符,那只能说你太幸运了—你的保存格式与默认的相同。当你设置了字符集,浏览器就乖乖以你设置的为准,就不会出现乱码现象。详细内容见www.cnblogs.com/GrayZhang/archive/2011/04/11/learn-html5-charset.html

  • 相关阅读:
    字符串哈希之Rabin-Karp,poj1200
    字符串哈希之ELFHash,poj2503
    dfs之n的全排列
    几大排序算法(选择,插入)
    dfs之地图染色
    单纯的dfs
    dfs之记忆化搜索(字符串匹配,位置相对变)
    STL之map的一种用法
    JAVA之大数处理,有简单方法不用是sb
    ACM之素数环(DFS)
  • 原文地址:https://www.cnblogs.com/songfeilong2325/p/3365910.html
Copyright © 2011-2022 走看看