知识梳理——HTML篇
浏览器内核:
- IE: trident
- Fixfox: gecko
- Safari: webkit
- Opera: 以前是presto,现已改用Google Chrome的Blink
- Chrome: Blink(基于Webkit)
DOCTYPE:
<!DOCTYPE>文档类型声明,位于文档中的最前面位置,处于<thml>标签之前。
作用:告诉浏览器按照何种规范解析页面
浏览器模式:(标准模式 or 混杂模式)
标准模式:根据W3c规范呈现页面
混杂模式:以一种比较宽松的向下兼容的方式呈现页面
两者区别:
- 盒模型的解析
标准模式下,盒模型的内容宽度和高度不包括padding和border值,而混杂模式下包括padding和border值。
可用box-sizing进行计算。
2.给行内元素设置宽高
标准模式下,给<span>等行内元素设置width和height都不会生效,而在混杂模式中会生效。
3.设置百分比高度
标准模式下,一个元素的高度由其内容的大小来决定,如果没有给父元素设置height值,子元素设置百分比的height是无效的,而在混杂模式下生效。
(ps:这些是我在编写项目中遇到的一些区别,应该还有很多)
渐进增强、优雅降级:
渐进增强:一开始只构建站点的最少特性,然后不断针对浏览器追加功能。
优雅降级:一开始就构建站点的完整功能,然后针对浏览器测试和修复。
微妙差别:都关注于同一网站在不同浏览器下的表现程度。区别在于它们的关注点不同,以及这种关注如何影响工作的流程。
语义化:
使用含有语义的标签,起到强调作用,很明显的告诉你它们的作用是什么。
好处:
去掉样式后页面呈现清晰的结构
盲人使用读屏器更好的阅读
搜索引擎更好的理解页面
便于团队项目的可持续运作及维护
块元素、行内元素:
块元素:div p h1~h6 ul li address form table section article aside nav header hgroup footer
行内元素:span th tr td a label textarea input select img button time,其中,textarea input select img button time又叫内联块级元素。
区别:块级元素会独占一行,默认情况下,其宽度会自动填满父元素的宽度,行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随内容而变化,内联块级元素可以使用css为其设置宽高,但不会独占一行。
HTML5:
html5主要是关于图像、位置、存诸等功能的增加。
语义化更好的内容标签:header nav footer aside article section
音频、视频:audio video
画布:canvas
拖放
本地存诸:localStorage(永久存诸,浏览器关闭后数据不丢失,需手动删除)
sessionStorage(临时存诸,浏览器关闭后自动删除)
离线应用
新增表单类型:email url number range date search
移除元素:
纯表现的元素:basefont big center font u...
不再使用frame框架
转载于:https://www.cnblogs.com/pwei/p/html-carding.html
知识梳理——HTML篇相关推荐
- 知识梳理——CSS篇
css引入方法 内嵌 <head><meta charset="UTF-8"><title>Document</title>< ...
- 数据结构(C语言版) 第 三 章 栈与队列 知识梳理 + 作业习题详解
目录 一.栈 0.栈的基本概念 1.栈的实现 2.栈与递归 3.Hanoi塔问题 二.队列 0.队列的基本概念 1.队列的实现 2.循环队列 2.1循环队列的相关条件和公式: 3.链队列 4.链队列完 ...
- Framework 源码解析知识梳理(5) startService 源码分析
一.前言 最近在看关于插件化的知识,遇到了如何实现Service插件化的问题,因此,先学习一下Service内部的实现原理,这里面会涉及到应用进程和ActivityManagerService的通信, ...
- Dagger2 知识梳理(1) Dagger2 依赖注入的两种方式
一.资料推荐 最近这几天一直在看有关Dagger2有关的文章,感觉就是这东西真难用.真难懂,数次想要放弃,还好有网上大神的教程帮助,模模糊糊总算能把基本的几个概念跑通了. 这里首先推荐 牛晓伟 的下面 ...
- 论述类文本知识框架_考前知识梳理与答题技巧之论述类文本
点击上方"蓝字"关注我们吧! 考前知识梳理与答题技巧之 论述类文本 论述类文本阅读(1-3题,9分,保6争9) 一.树立一种概念:"答案就在原文中" 二.具备两 ...
- 个人知识整理(javascript篇初识)
个人知识整理(javascript篇初识(简介 书写方式 注释)) 一个小前端~突然想写点什么-算是梳理一下自己的知识吧 Javscript 简介 浏览器本身并不会执行JS代码,而是通过内置 Java ...
- View 绘制体系知识梳理(7) getMeasuredWidth 和 getWidth 的区别
前言 前几天被问到了getMeasuredWidth和getWidth之间的区别,因此回来看了一下源码,又顺便复习了一遍measure/layout/draw的过程,有兴趣的同学可以看前面的几篇文章 ...
- [GCN] 图卷积知识梳理 -持续更新
图卷积知识梳理 文章目录 图卷积知识梳理 1. 为什么 Graph Laplacian L=D−AL=D-AL=D−A --差分的方式理解 2. 为什么是 Graph Laplacian LLL -- ...
- 大数据知识梳理(Hadoop、HDFS)(整理中。。。)
大数据知识梳理(Hadoop.HDFS)(更新中...) 第1讲 大数据概述 1.1 大数据时代 1.2 大数据概念和影响 1.3 大数据的应用 1.4 大数据的关键技术 1.5 大数据与云计算.物联 ...
最新文章
- 针对还没搞懂javascript中this关键字的同学
- 手机端调试console.log,直接引入一个js文件
- 闲话 - 火车硬座座位分布图
- linux间隔一定时间访问指定url
- 修改node_modules的包
- 一周试用yii开发一个带各种该有功能的web程序(二)
- JavaEE Web 开发 链接 mysql 出现 Class.not found的错误
- python自动化办公教程-Python自动化办公之操作Excel文件
- java培训之XML学习笔记(1)
- 当我再次看到你————中秋致Leslie
- 制造业智能工厂车间无线工业物联网解决方案
- 网络广告中各种广告形式
- 90后,为什么我建议你不要老是加班?
- 学习篇-Activiti-29-流程定义存储表
- 2012年10月【美国】自驾游
- IP-guard加密软件的攻防之路
- uni-app中如何引入uview-ui?
- iOS-error: unable to read property list from file: /Users/XX/Info.plist
- mac 平台显示歌词最好的音乐播放器软件 —— Vox + LyricsX
- Nico靠接外包,6个月当了老板,这操作绝了...