html(结构层)+ css(样式层)+ js(行为层)中所涉及的问题——总结

一,网页的三层结构是什么

  • 结构层:HTML 给网页提供内容(相当于房子的基本结构);
  • 样式表:css层 给网页提供样式(相当于对房子进行装修);
  • 行为层:js 交互 动画 ajax (相当于对房子进行通水通电);

二,SEO是什么

  1. 简单地说:SEO就是搜索引擎优化;是一种通过特定的方法来优化自己网站,进而使网站更容易被搜索引擎所接受;
  2. SEO可分为两类:站外SEO和站内SEO。
  • 站内SEO:主要包括网站的链接结构、网站的树结构和网站资源(文章和产品等)的优化;
  • 站外SEO:主要包含对友情链接和其他外部链接的优化;
    SEO优化最主要做好两点:1. 多更新原创内容,2. 多添加丰富的锚文本
    锚文本指的是网站文章页内容中的链接文本。即点击进入页面的文字链接。)

三,什么是css的层叠性

CSS的层叠性是指通过N种方式选中一个元素时,设置了不同的样式,以哪个样式为准。

  • 自己写的标签>继承的>默认的;
  • ID标签>class>div
  • 行内标签>内部=外部(就近原则)
  • 如果使用使用该标签(!important )则表示优先级最高;
    可以用个给它们一个特殊值来进行判断优先级:给定ID:100、class:10、div:1
    如果有种选择器的时候,可以通过计算上面赋值数值和的大小来判断优先级;

四,什么是标准文档流

  1. 标准文档流指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式。并最终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素。
  2. 标准文档流会分为两种等级:块级元素和行内元素;块级元素会独占一行,可以设置宽高,如果没有设置宽,则会继承父元素的宽度;行内元素会和其他元素并排显示,不能设置宽高,默认宽度为文本的宽度;

五,如何理解HTML结构的语义化

  1. 简单说就是什么标签做什么样的事;
  2. 如果使用了语义化,即使把样式去掉,基本结构也能看的很清晰;
  3. 对于部分设备的网页读取非常好;
  4. 有利于SEO优化

六,五大浏览器及内核是什么

  1. IE浏览器:Trident内核,也是俗称的IE内核;
  2. Chrome浏览器:统称Chrome内核,以前是Webkit内核,现在是Blink内核;
  3. Firefox浏览器:Gecko内核,俗称Firefox内核;
  4. Safari浏览器:Webkit内核
  5. Opera浏览器:最初是自己的Presto内核,后来是Webkit内核,现在是Blink内核
  6. 360浏览器、猎豹浏览器内核:IE+Chrome双内核;
  7. 搜狗、遨游、QQ浏览器内核:Trident(兼容模式)+Webkit(高速模式)双内核;
  8. 百度浏览器、世界之窗内核:IE内核;
  9. 2345浏览器内核:以前是IE内核,现在也是IE+Chrome双内核;
    ——————国产浏览器基本都是双核浏览器

七,制作网页的目录基本结构

 text  //网站名称(自己命名)
        |-- css  //放样式
            |-- base.css  //重置样式 和 通用样式
            |-- index.css //首页面的样式
        |-- images  //放图片
        |-- js  //放行为
        |-- lib  //放入插件或第三方库
        index.html  //首页面代码

猜你喜欢

转载自blog.csdn.net/qq_44830054/article/details/107340828
今日推荐