avatar

Catalog
Html

浏览器的内核是什么?

当然是浏览器中最之前的东西了,浏览器的内核又可以称为渲染引擎,用于把网页语法渲染到网页上,浏览器的内核不同也决定了浏览器该如何显示网页内容,以及页面格式信息。因此网页开发者需要在不同的浏览器中测试网页的效果。(令人头痛的兼容性问题,(恭喜IE喜提兼容问题鼻祖))

虽然国内现在的浏览器已经有很多了,360,猎豹,百度。。但是最主流的浏览器是

  • IE—–trident

  • Google-chrome——webkit/blink

  • Oprea——presto

  • Safari—–webkit

  • Firefox—–Gecko

web前端开发标准

结构,样式,行为

html结构介绍

标签
  • 标签关系

  • 并列

  • 嵌套

  • 标签分类

  • 单标签

  • 双标签

常用标签
  • div

  • p

  • hx

  • span

  • hr

  • br

  • em

    + strong

    + b

图片标签

+ alt

+ src

+ title

+ width

+ height

链接标签

+ 内部链接

+ 外部链接

+ #空连接

+ 锚点#与id搭配(回到顶部)

列表

+ 有序列表

+ 无须列表

+ 自定义列表(dl dt dd)

+ 注释标签

+ 路径

form表单

+ action=’路径’,method=’get/post’

+ input(type)共同属性name type value

+ radio

+ checkbox

+ rest

+ image

+ text

+ submit

+ file

+ password

+ select选项

+ option选项

+ value

+ name

+ textarea

+ button

+ label

表格

+ table(不能放div其他的标签)

+ tr

+ td

+ th

+ 属性

+ width

+ height

+ border

+ cellpadding(单元格内部的padding)

+ cellspacing(单元格之间的距离margin)

+ 合并单元格

+ rowspan跨行

+ colspan跨列

html5新增加特性

  • 取消了过时的标签如:font和center
  • 新表单元素的引入(如email,可以不用写js代码即可验证邮箱)
  • 新语义便签的引入(header,section,footer..)
  • canvas标签
  • 获取网络状态
  • 获取地理位置
  • 自定义属性data-
  • 多媒体标签新属性
  • 本地数据持久化localstorage,会话持久化sessionstorge
  • 新增API

    解决语义问题,html5新增的标签在我们的低版本的浏览器中有的是识别不出来的,尤其是ie浏览器。以下是解决的方案

在script标签中创建列如:(document.createElement(‘nav’));

利用插件html5shiv.min.js,注意如果只用一个插件的话,我们谷歌浏览器其实是无需加载这个插件的所以我们只需要兼容ie即可(lte是小于)

javascript
<!--[if lte IE 6]>
<script src="node_modules/html5shiv.min.js/html5shiv.min.js"></script>
<![endif]-``->
Author: Yo
Link: https://powerlrl.gitee.io/2019/01/22/前端/笔记/html/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.
Donate
  • 谢谢你请我吃糖果
    谢谢你请我吃糖果

Comment