前端基础知识整理（二）

最新推荐文章于 2024-05-15 02:36:10 发布
最新推荐文章于 2024-05-15 02:36:10 发布
阅读量431 收藏
点赞数
分类专栏： 学习笔记 web前端 文章标签： 语言 标签

HTML的Doctype

定义和用法

声明必须是 HTML 文档的第一行，位于 标签之前。
声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中， 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML，所以不需要引用 DTD。
提示：请始终向 HTML 文档添加 声明，这样浏览器才能获知文档类型。

  • 注释： 声明没有结束标签。
  • 提示： 声明对大小写不敏感

常用的 DOCTYPE 声明

HTML 5
<!DOCTYPE html>
HTML 4.01 Strict（标准模式）

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
HTML 4.01 Transitional

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset

该 DTD 等同于 HTML 4.01 Transitional，但允许框架集内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0 Strict（标准模式）

该 DTD 包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
XHTML 1.0 Transitional

该 DTD 包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。必须以格式正确的 XML 来编写标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset

该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1

该 DTD 等同于 XHTML 1.0 Strict，但允许添加模型（例如提供对东亚语系的 ruby 支持）。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

什么是标准模式与混杂模式？

  • 混杂模式（quirks mode）

    //让IE的行为与（包含非标准特性的）IE5相同

  • 标准模式（standards mode）

//让IE的行为更接近标准行为

  • 准标准模式（almost standards mode）

//这种模式下的浏览器特性有很多都是符合标准的，不标准的地方主要体现在处理图片间隙的时候（在表格中使用图片时问题最明显）。

  • 超级标准模式:

//IE8引入的一种新的文档模式，超级文档模式可以让IE以其所有版本中最符合标准的方式来解释网页内容。

如果没有声明文档类型，则会自动使用混杂模式
声明为严格型就是标准模式，其他的几个都是准标准模式

竹叶苿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端知识点梳理
日常笔记/总结/系列知识梳理
08-15 2122
Vue.js 的核心库只关注视图层，不仅易于上手，而且便于与第三方库或既有项目整合。Vue.js 的目标是通过尽可能简单的 API 实现响应式的数据绑定和组合的视图组件。Vue.js 的设计从底向上逐步增量开发，其核心库只关注视图层，不仅易于上手，而且便于与第三方库或既有项目整合。
前端基础知识整理
weixin_42767674的博客
05-08 5402
一、基础部分 1.Web标准的构成：主要包括结构（Strcture）、表现（Presentation）和行为（Behavior）。 结构：结构用于对网页元素进行整理和分类，html 表现：设置网页元素的版式、颜色、大小等外观样式，主要指css 行为：网页模型的定义以及交互的编写，js 二、HTML 1.HTML标签的关系有包含关系和并列关系两种 ...
前端基础知识整理汇总
油墨香^-^的博客
05-20 2282
HTML页面的生命周期 HTML页面的生命周期有以下三个重要事件： DOMContentLoaded —— 浏览器已经完全加载了 HTML，DOM 树已经构建完毕，但是像是<img>和样式表等外部资源可能并没有下载完毕。 load —— 浏览器已经加载了所有的资源（图像，样式表等）。 beforeunload —— 当用户即将离开当前页面（刷新或关闭）时触发。正要去服务器读取新的页面时调用，此时还没开始读取； unload —— 在用户离开页面后触发..
web前端基础知识
早睡早起长头发的博客
07-11 7023
一、网页、静态网页、动态网页 二、网页名词解释 三、Web标准 四、Web页面的组成
Web前端基础知识整理（二）
2401_84093054的博客
05-15 900
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
Web前端基础知识整理（一）
热门推荐
每天进步一点点
06-24 4万+
1. typeof返回的数据类型 typeof返回的数据类型包括undefined、string、number、boolean、symbol、Object、Function类型。 2. 检查数组的方式 isArray()方法、toString.call()、instanceof Array 3. js中的call、apply、bind方法的区别 js中的call apply bind都是用来改变...
Vue前端技术知识整理
shuux666的博客
03-09 5554
VueJS 第一步，安装node.js 安装包下载地址：https://nodejs.org/en/ 安装包下载安装完成后，在命令行使用 node -v 查看node版本，判断是否安装成功。 第二步，安装vue脚手架 安装淘宝镜像： npm install -g cnpm --registry=https://registry.npm.taobao.org 安装webpack： npm install webpack@3.8.1 -g webpack -v 查看版本号 安装vue-cli脚手架工具
前端组件化基础知识
三钻 - 之前端到全栈之路
12-31 8104
这里我们一起来学习前端组件化的知识，而组件化在前端架构里面是最重要的一个部分。
[前端学习笔记] Echarts基础知识整理
酸奶的博客
03-15 2214
1. 数据可视化可以把数据从冰冷的数字转换为图形，揭示蕴含在数据中的规律和道理。目的是借助于图形化手段，清晰有效的传达与沟通信息。 2. 常见的数据可视化库 **D3.js**（目前Web端评价最高的JS可视化工具库，入手难） **ECharts.js** （百度出品的一个开源JS数据可视化库） **Highcharts.js** （国外的数据可视化库，非商用免费，被许多国外公司所用） **AntV** （蚂蚁金服全新一代数据可视化解决方案）
初级前端面试基础知识整理
ymumi的博客
04-23 3170
整理一些网上常见面试题。1.CSS隐藏元素的几种方法（至少说出三种）Opacity:元素本身依然占据它自己的位置并对网页的布局起作用。它也将响应用户交互;Visibility:与 opacity 唯一不同的是它不会响应任何用户交互。此外，元素在读屏软件中也会被隐藏;Display:display 设为 none 任何对该元素直接的用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。这种方...
JavaScript基础知识整理
02-26
JavaScript是一种广泛应用于前端开发的直译式脚本语言，它基于对象、事件驱动，并具有安全性。JavaScript主要在浏览器环境中运行，被解释执行，用于增强网页的...了解并掌握这些基础知识，对于进行前端开发至关重要。
前端常用知识点整理.md
04-14
这是我花了一个月时间整理出来的一份平时工作中经常用到的前端知识点资料，弄懂这里面的知识点，会对读者有很大的帮助，该资料适合有一定基础的前端开发人员。
Java学习阶段的前端知识整理
12-19
以下是对这些基础知识的详细解析： **HTML（Hyper Text Markup Language）**： HTML是网页的基础，用于构建网页结构。在给定的部分中，提到了一些基本的HTML标签： - `<a>` 标签用于创建超链接，`href` 属性定义...
2024年前端开发大厂面试真题及前端基础知识
05-23
2024年前端开发大厂面试真题及前端基础知识；适合刚毕业要找工作的大学生、要跳槽的前端从业者等等，都是细心整理的前端开发知识和各个前端开发方面涉及的面试题，基础题、进阶题、高级题以及高频面试题等等。
前端分析-202307110072
最新发布
08-22
前端分析-202307110072
JavaScript中的正则表达式是一种强大的文本处理工具.docx
08-22
JavaScript 中的正则表达式（Regular Expressions）是一种强大的文本处理工具，它们提供了一种方式来匹配字符串中的字符组合。这些模式被用于搜索、编辑或操作文本和数据。正则表达式由一系列特殊字符和普通字符组成，用于定义这些模式。 基本语法 正则表达式的创建可以通过两种方式： 字面量语法：使用 / 包围表达式，例如 let regex = /abc/;。 构造函数：使用 RegExp 对象的构造函数，例如 let regex = new RegExp('abc');。 特殊字符 .：匹配除换行符之外的任何单个字符。 ^：匹配输入字符串的开始位置。如果设置了 m 标志，^ 还会匹配 \n 或 \r 之后的位置。 $：匹配输入字符串的结束位置。如果设置了 m 标志，$ 还会匹配 \n 或 \r 之前的位置。 *：匹配前面的子表达式零次或多次。 +：匹配前面的子表达式一次或多次。 ?：匹配前面的子表达式零次或一次。 {n}：n 是一个非负整数。匹配确定的 n 次。 {n,}：n 是一个非负整数。至少匹配 n 次。 {n,m}：m 和 n 均为非负整数，其中 n <=
Agent，带有Code执行能力的示例代码
08-22
Agent，带有Code执行能力的示例代码
excel100-master (29).zip
08-22
excel
基于Springboot的 房屋交易平台的设计与实现源码 （优秀毕业设计源码）
08-22
1. 房屋交易平台的设计与实现代码说明：经导师指导并认可通过的98分毕设项目代码。 2.适用对象：本代码学习资料适用于计算机、电子信息工程、数学等专业正在做毕设的学生，需要项目实战练习的学习者，也适用于课程设计、期末大作业。 3.技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 4. 作者介绍：大厂码农，java领域创作者，阿里云开发社区乘风者计划专家博主，专注于大学生项目实战开发，文章底部有博主联系方式，更多优质系统、项目定制请私信。 5. 最新计算机软件毕业设计选题大全: https://blog.csdn.net/weixin_45630258/article/details/135901374
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值