知识梳理——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框架
知识梳理——HTML篇的更多相关文章
- 知识梳理HTML篇
HTML 浏览器内核: IE:trident Firefox : gecko Safari/chrome : webkit Opera : presto(新 ...
- 知识梳理——CSS篇
css引入方法 内嵌 <head> <meta charset="UTF-8"> <title>Document</title> & ...
- [C# 基础知识梳理系列]专题六:泛型基础篇——为什么引入泛型
引言: 前面专题主要介绍了C#1中的2个核心特性——委托和事件,然而在C# 2.0中又引入一个很重要的特性,它就是泛型,大家在平常的操作中肯定会经常碰到并使用它,如果你对于它的一些相关特性还不是很了解 ...
- Oracle知识梳理(三)操作篇:SQL基础操作汇总
Oracle知识梳理(三)操作篇:SQL基础操作汇总 一.表操作 1.表的创建(CREATE TABLE): 基本语句格式: CREATE TABLE table_name ( col_ ...
- Jmeter 接口测试知识梳理——应用基础篇
Jmeter 使用也有很长时间了,但是一直没有做一下知识梳理,近期会对公司同事做一下这方面的培训,借此机会,把使用过程中应用到的知识,或是遇到的问题,整理出来,方便大家学习! Jmeter 接口测试知 ...
- Jmeter 接口测试知识梳理——持续集成篇
Jmeter 使用也有很长时间了,但是一直没有做一下知识梳理,近期会对公司同事做一下这方面的培训,借此机会,把使用过程中应用到的知识,或是遇到的问题,整理出来,方便大家学习! Jmeter + Ant ...
- Jmeter 接口测试知识梳理——环境搭建篇
Jmeter 使用也有很长时间了,但是一直没有做一下知识梳理,近期会对公司同事做一下这方面的培训,借此机会,把使用过程中应用到的知识,或是遇到的问题,整理出来,方便大家学习! 环境搭建篇 很多文章介绍 ...
- C#基础知识梳理索引
C#基础知识梳理索引 一 引子 之前曾写了一篇随笔<.NET平台技术体系梳理+初学者学习路径推荐+我们的愿景与目标> 三个月过去了,目标使更多的编程初学者,轻松高效地掌握C#开发的基础,重 ...
- Babel7知识梳理
Babel7 知识梳理 对 Babel 的配置项的作用不那么了解,是否会影响日常开发呢?老实说,大多情况下没有特别大的影响(毕竟有搜索引擎). 不过呢,还是想更进一步了解下,于是最近认真阅读了 Bab ...
随机推荐
- acceptorThreadCount
Apache Tomcat 7 Configuration Reference (7.0.92) - The HTTP Connector https://tomcat.apache.org/tomc ...
- 小米范工具系列之六:小米范 web查找器2.x版本发布
小米范web查找器是一款快速识别端口及服务的小工具. 此工具使用java 1.8以上版本运行. 下载地址:http://pan.baidu.com/s/1c1NDSVe 文件名web finder ...
- python之sqlalchemy使用
一.介绍 SQLAlchemy是一个基于Python实现的ORM框架.该框架建立在 DB API之上,使用关系对象映射进行数据库操作,简言之便是:将类和对象转换成SQL,然后使用数据API执行SQL并 ...
- (转)JSON Web Token - 在Web应用间安全地传递信息
JSON Web Token(JWT)是一个非常轻巧的规范.这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息. 让我们来假想一下一个场景.在A用户关注了B用户的时候,系统发邮件给B用户, ...
- 史上最全的MonkeyRunner自动化测试从入门到精通(2)
原文地址https://blog.csdn.net/liu_jing_hui/article/details/60955696 最基本脚本功能开始编写 (1)Monkeyrunner和Monkey的区 ...
- KEYENCE Programming Contest 2019 Solution
A - Beginning 签到. #include <bits/stdc++.h> using namespace std; int main() { ]; while (scanf(& ...
- 2018 Multi-University Training Contest 1 Solution
A - Maximum Multiple 题意:给出一个n 找x, y, z 使得$n = x + y +z$ 并且 $n \equiv 0 \pmod x, n \equiv 0 \pmod y, ...
- zwPython,字王集成式python开发平台,比pythonXY更强大、更方便。
zwPython,字王集成式python开发平台,比pythonXY更强大.更方便. 更强大,内置opencv.cuda/opencl.NLTK自然语言.pygame游戏设计等多个重量级模块库. 更方 ...
- redis入门学习记录(一)
1.linux在线下载Redis ,官网地址:https://redis.io/download目前,最新的Redist版本为redis-5.0.0,使用wget下载 进入/usr/local/src ...
- 根据Excel文件中的内容,修改指定文件夹下的文件名称
问题:根据Excel文件中内容,把文件名称由第2列,改为第1列.比如:把文件“123.jpg”修改为“1.jpg”.