• 前端总结(一)


    一、<!doctype html>

         这是一种声明,是html5 标准网页声明,意思为文档类型为超文本标记性语言或超文本链接标识语言,此标签可告知浏览器文档使用哪种html 或xhtml  规范。

         html5 之前这个标签可以声明三种DTD类型,分别表示严格版本、过渡版本以及基于框架的HTML文档。

        1、  <!DOCTYPE html>的重要性?

            作用:声明文档的解析类型,避免浏览器的怪异模式。

             BackCompat: 怪异模式,浏览器使用自己的怪异模式解析渲染页面。

             CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。

             一句话概括:规定浏览器使用W3C的标准解析渲染页面。

          2、使用:<!doctype html>

                a、 使用的时候直接在html  页面第一行添加‘<!DOCTYPE html>’ 一行代码就可以了;

                b、jsp 的话,添加在<%@page %> 的下一行;

                c、 不用区分大小写。

    二、SEO的代码优化

          SEO优化,主要涉及有标签与网站的结构两个方面。

       1、标签

         a、Title 标签

             搜索引擎抓取Title标签出于两个目的:作为影响网页排名的重要因素和作为搜索结果页面的显示信息。title 标签中的单词最好保持在3到6个左右,最好只包含关键字,但不要全部都是关键词。

         b、 Meta Description标签

             这是对title 标签的进一步解释,可以说是一句话或者包含十几个单词的短语。

         c、 Heading 标签

             Heading  标签包括 H1、H2、H3等等,是搜索引擎识别页面信息的重要标记。合理使用H1、H2、H3等不同级别的标签能够使得页面结构更加清晰,有利于搜索引擎的抓取。

          d、Strong和B标签

               这两种都是给文字加粗的标签,但有一定的区别,B标签就是单纯地将文字加粗,而strong标签不仅是对文字加粗,还告诉搜索引擎这部分比较重要。B标签是一种强调视觉效果。

          c、Alt标签

             长度不得过长,一般1~5个单词即可。

      2、H5结构比较清晰,对搜索引擎抓取比较好。

              

              一段话概括,要有规范的、符合WEB2.0标准编程的代码。这里面就包含了代码压缩,提高打开页面的速度,研发要考虑的;图片alt说明,对用户体验有良好的友好性;标题描述等合理的使用 H、B、I 等标签,合理的展现一个网站良好布局;web2.0标准也规定建议使用div+css的方式来设计网页前端,当然还有flash、JS、Ajax等在网站开发的时候应该快乐用户的网速、使用的浏览器类型,这些东西在程序设计的时候基本上都要考虑的。

  • 相关阅读:
    PAT:1069. The Black Hole of Numbers (20) AC
    PAT:1008. Elevator (20) AC
    PAT:1052. Linked List Sorting (25) 部分错误
    PAT:1032. Sharing (25) AC
    PAT:1059. Prime Factors (25) AC
    素数表(筛选法)
    PAT:1048. Find Coins (25)(双指针法) AC
    PAT:1048. Find Coins (25)(二分查找) AC
    iOS 9.0 设置状态栏颜色 和隐藏
    UIPageViewController用法
  • 原文地址:https://www.cnblogs.com/zk666/p/6840852.html
Copyright © 2020-2023  润新知