hdxx2022的博客

HTML5 是下一代 HTML 标准。HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

在 HTML 文档中，标题很重要。

HTML 中的预留字符必须被替换为字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。

class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。Remark ID属性不要以数字开头，数字开头的ID在 Mozilla/Firefox 浏览器中不起作用。Remark 类名的第一个字符不能使用数字！如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。

dl> 标识定义列表 标识词条 标识解释。 无序列表 有序列表 标识列表项目。 加粗 斜体 闪烁文本放大字体 缩小字体。定义表头 定义表格行 定义表格单元格。padding 衬垫；

掘金 浏览器 渲染原理 构建DOM树 复制代码。} 掘金 浏览器 渲染原理 构建DOM树

https:URL表明它使用了HTTP，但HTTPS存在不同于HTTP的默认端口及一个加密/身份验证层（在HTTP与TCP之间）。Layer），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。打个比喻，网络是路，TCP是跑在路上的车，HTTP是车上的人。要从FTP上下载东西，你需要的是支持FTP协议的客户端，其实IE就是一个，但是有更好的工具可供选择，比如CuteFTP或者。HTTP的连接很简单,是无状态的。

掘金 浏览器 渲染原理 构建DOM树 复制代码。} 掘金 浏览器 渲染原理 构建DOM树

BeautifulSoup用NavigableString类来封装Tag中的字符串，一个NavigableString字符串与Python中的Unicode字符串相同，通过unicode（）方法可以直接将NavigableString对象转换成Unicode字符串。.strings---->主要应用于Tag中包含多个字符串的情况，可以进行循环遍历。print(soup.prettify())------>输出soup对象的内容。.stripped_string----->可以去掉字符串中包含的空格或空行。

掘金 浏览器 渲染原理 构建DOM树 复制代码。} 掘金 浏览器 渲染原理 构建DOM树

调用该方法，可以显示的对表单内所有元素内容或单个元素内容进行有效性验证。此属性可以应用在大多数输入元素上（除了隐藏元素、图片元素按钮上）。，提交表单时，会根据pattern中的正则表达式进行检验，如果不符合给定的格式时，浏览器中会显示信息提示文字，提示输入的内容必须符合给定格式。第二种方法是利用input元素或submit元素的formnovalidate属性，此属性可以让表单验证对单个元素失效。min与max属性是数值类型或日期类型的input元素的专用属性，他们限制输入的数值与日期的范围。

掘金 浏览器 渲染原理 构建DOM树 复制代码。} 掘金 浏览器 渲染原理 构建DOM树

HTTPS 的全称是 Hyper Text Transfer Protocol over Secure Socket Layer，是以安全为目标的 HTTP 通道，简单讲是 HTTP 的安全版，即 HTTP 下加入 SSL 层，简称为HTTPS。无状态：HTTP协议是无状态协议。确认网站的真实性，凡是使用了 https 的网站，都可以通过点击浏览器地址栏的锁头标志来查看网站认证之后的真实信息，也可以通过 CA 机构颁发的安全签章来查询。服务器处理完客户的请求，并收到客户的应答后，即断开连接。

input type="checkbox" name="name" value="" />input,type="checkbox" 复选框（checkbox）input,type="radio" 单选框（radio）input,type="text" 文本输入框（text）

掘金 浏览器 渲染原理 构建DOM树 复制代码。} 掘金 浏览器 渲染原理 构建DOM树

在这之前有说过 text-align这个属性是否生效，原因是块级标签如果不给宽度，块级元素就默认为浏览器的宽度，即就是100%宽，那么在100%的宽度中居中生效；行内标签：包含a、span、em、strong、b、i、u、label、br；特点：可以多个标签存在一行，不能直接设置行内标签的高度、宽度、行高以及顶和底边距，完全靠内容撑开宽高！特点：结合的行内和块级的有点，不仅可以对宽高属性值生效，还可以多个标签存在一行显示；块标签：包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form；

掘金 浏览器 渲染原理 构建DOM树 复制代码。} 掘金 浏览器 渲染原理 构建DOM树

input type="checkbox" name="name" value="" />input,type="checkbox" 复选框（checkbox）input,type="radio" 单选框（radio）input,type="text" 文本输入框（text）

不要使用不停闪烁的文字。想让浏览者多停留一会儿的话，就不要使用闪烁的文字。

掘金 浏览器 渲染原理 构建DOM树 复制代码。} 掘金 浏览器 渲染原理 构建DOM树

调用该方法，可以显示的对表单内所有元素内容或单个元素内容进行有效性验证。此属性可以应用在大多数输入元素上（除了隐藏元素、图片元素按钮上）。，提交表单时，会根据pattern中的正则表达式进行检验，如果不符合给定的格式时，浏览器中会显示信息提示文字，提示输入的内容必须符合给定格式。第二种方法是利用input元素或submit元素的formnovalidate属性，此属性可以让表单验证对单个元素失效。min与max属性是数值类型或日期类型的input元素的专用属性，他们限制输入的数值与日期的范围。

HTML由许多标记语言组成，这些标记语言描述了文档中的各种元素，如文本、图像、链接和多媒体等。通过使用HTML标记语言，网页开发人员可以将文本、图像、视频和其他多媒体元素组合到页面中，从而创建出现在浏览器中的网页。HTML标记语言提供了许多标记和属性，使开发人员可以容易地定义网页的样式、布局和功能。HTML也是Web应用程序的基础之一，它提供了用于创建表单、动画、交互式图表和地图等功能的元素和属性。3.打开HTML文件：在浏览器（如Chrome、Firefox、Safari等）中打开HTML文件。

通过 HTML，开发人员可以创建网页元素，例如标题、段落、列表、链接和图像等。通过 CSS，开发人员可以控制网页的字体、颜色、背景、间距和大小等属性。总体来说，HTML定义了Web页面的内容和结构，CSS定义了它的样式和布局，JS则为页面添加了交互和动态效果。通过 JS，开发人员可以控制网页的行为，例如用户交互、数据验证和动画等。它是一种标记语言，包含一系列标签和属性，用于定义文本、图像、链接等元素。它是一种样式表语言，用于控制文本的字体、颜色、大小、页面的布局、背景等。

HTTP（Hypertext Transfer Protocol）是一种用于传输数据的协议，常用于Web浏览器和服务器之间的通信。HTTPS（Hypertext Transfer Protocol Secure）是基于HTTP协议的安全协议，通过SSL/TLS加密来保护数据传输的安全性。HTTPS是在HTTP的基础上增加了SSL/TLS加密协议来保障数据传输的安全性，因此HTTPS可以看作是对HTTP的升级完善。在使用时，两者的数据传输格式和请求方式都是一样的。

例：input：focus span{corlor：deeppink}，鼠标选种input，则span标签的内容变成deeppink。解释：选种section下的第一个子元素，如果为p元素，则进行样式变化；2、id选择器只会选择一个元素,属性id为指定值的元素，将应用声明块中的规则。2、所有class属性为指定类名的元素，都将应用声明块中的规则。将链接标签设置样式，书写格式：标签：link{ }1、书写格式：元素A "，" 元素B "，" 元素C。2、所有与该标记匹配的元素，都将应用声明块中的规则。

常用标签：常用的HTML标签包括、、、、、、 - 、和等。DOCTYPE html>、、和标签。元素：HTML文档中的所有内容都是元素，元素由开始标签、结束标签和内容组成。标题和段落：使用 - 标签创建标题，使用标签创建段落。列表：使用、和标签创建无序和有序列表。超链接：使用标签创建超链接，将用户带到其他页面或站点。

以上是一些常见的HTML标签，当然还有很多其他的标签可以使用，具体使用哪些取决于你的需求。: 定义HTML文档的头部，包含文档的元数据，如标题、样式表和脚本等。: 定义文档的标题，显示在浏览器的标题栏中。: 定义一个行内容器，用于组织HTML元素。: 定义一个容器，用于组织HTML元素。: 定义HTML文档的主体内容。: 定义HTML文档的根元素。: 定义表格中的一个单元格。: 定义表格中的一行。

html>元素是整个文件的根元素，它包含和元素。head元素中包含网页的元信息，如标题、CSS样式和JavaScript脚本等。body元素中包含网页的实际内容。编写HTML文件：使用任何文本编辑器（如Notepad++、Sublime Text等）编写一个HTML文件，文件扩展名为.html。HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。这是一个简单的HTML零基础入门教程，希望对您有所帮助。

2)表单元素值攫取函数，可以从HTML文本中按照给定的Input名称解析出其Value。1)HTML 标签值攫取函数，任意标签哦，纯。取得页面中名为 Submit 的表单项的值。分析，可以配合IDHTTP编程。

dl> 标识定义列表 标识词条 标识解释。 无序列表 有序列表 标识列表项目。定义表头 定义表格行 定义表格单元格。> 闪烁文本放大字体 缩小字体。 加粗 斜体

字体(Font)的设置是网页制作新手遇到的第一个难点。如何控制字体大小，如何取消链接字体的下划线是网友来信问得最多的。

因为如下，是main.html中代码段中的一段，用来取得url地址中附带的表单数据，所以要用get方法，而post方法数据在url是不可见的，所以以下方法并不适用。首先是默认的index.html，另一个是进行登录验证的main.html。二、准备两个html文件，在第一个html文件负责发送表单数据给第二个页面，第二个页面再接受进行数据处理。后台提供登录验证的接口，但是要在前端html文件间完成表单数据的传输、接收和跳转。之后的数据逐一取出来存储在对象Request中，方便之后使用。

在ie中，iframe里引入video视频播放会导致div的z-index无效，即div的z-index无论设为多少，均被iframe遮住。当div使用透明的背景时，无论是使用（opacity或者rgba格式），除了chrome，其它浏览器都出现div被iframe遮住的情况。本文给大家介绍了div被iframe遮住的一些情况，以及被遮住后的解决办法，有需要的朋友们可以参考借鉴。指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*)第一种：透明背景被遮住。

转自：微点阅读 https://www.weidianyuedu.com之前介绍了HTML的编码规范，良好编码规范可以让我们的代码更加的易于维护，而今天要说的基本结构，则是能够让我们的页面正确的进行页面显示和SEO，正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。HTML页面基本结构HTML的页面结构非常简单，整体分为两部分，第一部分为DOCTYPE模块，第二部分为html模块。DOCTYPE模块文档声明，位于页面的首行，告知浏览器使用哪种HTML版本规范方式解析网页，使网页能正常显示。

另一方面即使人们只是偶尔需要打印的东西从网站，这将是理想的，如果页面设计适合的打印机，就像现代的网站适应各种屏幕尺寸和设备。从理论上讲，你可以使用一个CSS sprite 之间进行切换不同版本的打印的标志，但是这将意味着增加一倍的文件大小可能没有什么好处。重新针对打印写CSS样式是没有必要的，我们只需要针对差异设置打印的样式覆盖掉之前的默认样式。如果直接打印，超链接将只是一点文字，而不会出现链接的网址，这样来说，是没有意义的。链接周围图像是比较麻烦的，理想的情况是图像周围的链接将有一个class。

https:URL表明它使用了HTTP，但HTTPS存在不同于HTTP的默认端口及一个加密/身份验证层（在HTTP与TCP之间）。Layer），是以安全为目标的HTTP通道，简单讲是HTTP的安全版。即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。打个比喻，网络是路，TCP是跑在路上的车，HTTP是车上的人。要从FTP上下载东西，你需要的是支持FTP协议的客户端，其实IE就是一个，但是有更好的工具可供选择，比如CuteFTP或者。HTTP的连接很简单,是无状态的。

302（临时移动）服务器目前正从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。如果在 Googlebot 尝试抓取您网站上的有效网页时显示此状态代码（您可在 Google 网站管理员工具中诊断下的网络抓取页面上看到此状态代码），那么，这可能是您的服务器或主机拒绝 Googlebot 对其进行访问。如果向您的服务器发出了某项请求要求显示您网站上的某个网页（例如，当用户通过浏览器访问您的网页或在 Googlebot 抓取该网页时），那么，您的服务器会返回 HTTP 状态代码以响应该请求。

掘金 浏览器 渲染原理 构建DOM树 复制代码。} 掘金 浏览器 渲染原理 构建DOM树

根据css优先级计算规则，伪类的特殊性值是0,0,1,0，4个伪类的特殊性值相同，那么后面声明的规则优先级高。实际上是因为选择器特殊性值是从左向右排序的，特殊性值1,0,0,0大于以0开头的所有特殊性值，即便它是0,99,99,99，优先级依然比1,0,0,0要低。important），加了权重的优先级最高，当权重相同的时候，会比较规则的特殊性，根据前面的优先级计算规则决定哪条规则起作用，当特殊性值也一样的时候，css规则会按顺序排序，后声明的规则优先级高，成为人生赢家，当上总经理出任CEO迎娶白富美。

例：input：focus span{corlor：deeppink}，鼠标选种input，则span标签的内容变成deeppink。解释：选种section下的第一个子元素，如果为p元素，则进行样式变化；2、id选择器只会选择一个元素,属性id为指定值的元素，将应用声明块中的规则。2、所有class属性为指定类名的元素，都将应用声明块中的规则。将链接标签设置样式，书写格式：标签：link{ }1、书写格式：元素A "，" 元素B "，" 元素C。2、所有与该标记匹配的元素，都将应用声明块中的规则。