文章目录 1. python爬虫之BeautifulSoup 1.1. 简介 1.2. 安装 1.3. 创建BeautifulSoup对象 1.4. Tag 1.4.1. 注意： 1.4.2. get 1.4.3. string 1.4.4. get_text() 1.5. 搜索文档树 1.5.1. find_all( name , attrs , recursive , text , **kwargs ) 1.5.2. find( name , attrs , recursive , text , *
上一期堡堡给大家分享了操作符与数据类型转换。掌握JS操作符的目的是为了能够灵活的操作变量，以便完成JS的各种逻辑处理；掌握数据类型转换可以让我们避免一些不该发生的问题，能够让我们更好的完成JS的各种功能。如果想具体了解操作符与数据类型转换，可以查看：操作符与数据类型转换。而今天我们主要讲解JS逻辑和DOM的结合 - JS设置标签的内容和样式。 Tips：由于上一期的文章篇幅过长，微信的文章有字数要求，所以小编把部分的内容（操作符）放到这一期进行讲解。 继上一期的内容 - 操作符 赋值操作符：=(赋值) +
HTML使用定义锚创造链接，可用于文本，图片，HTML元素…… 一，将文本作为超链接 文本 二，将图像作为超链接 三，将书签作为超链接 (在网页上显示的)书签文本 ① 在同文档中创建指向该锚的链接。 文本 ② 在其他页面创建指向该锚的链接。
2、写一个 input 标签，指定type属性的属性值为 button，创建一个按钮，加入 onclick 事件！
列一个变量，存储正则规则，用这个变量去test某个数据-----匹配True和不匹配False
为了让任何人在任何时间、任何地点、通过任何设备访问web内容。作为用户和浏览器制造商之间的中间层，要想办法满足下游的用户和上游不同浏览器看到的是同样的内容，让页面、程序能支持所有的浏览器，能够满足尽可能多的用户
XHTML是一种可扩展超文本标记语言，与HTML（超文本标记语言）类似，不过在语法上更加严格。XHTML是以XML（是一种必须正确标记且格式良好的标记语言）应用方式定义的HTML，与html 4.01几乎是相同的，浏览器基本都支持。
1.css的介绍 css：层叠样式表，它是cascading style sheets的缩写，作用就是给html标签加表现形式（样式显示） 如：字体、图片、列表、位置等 在浏览器中可以看到部分： ht
1、标签名-- 类别。<标签名 2、属性（可选）-- 属性名=值 3、文本内容（可选） <标签名>文本内容</标签名> 目的地
目录： HTML5新结构标签 HTML5新其他标签 HTML5新input类型 HTML5新属性 HTML5高级应用 html4和html5对比： Html4代表示例： Html5代码示例：
另外，还有更多的HTML属性。其中及设定为定义标题的开始。则表示拥有关于对齐方式的附加信息。<body> 定义 HTML 文档的主体。
万维网联盟（外语缩写：W3C）标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括 XHTML 和 XML，表现标准语言主要包括 CSS，行为标准主要包括对象模型（如 W3C DOM）、ECMAScript 等。这些标准大部分由万维网联盟（外语缩写：W3C）起草和发布，也有一些是其他标准组织制订的标准，比如 ECMA（European Computer Manufacturers Association）的 ECMAScript 标准。
1.web标准： (1)结构标准：其语言主要包括XHTML（实现HTML向XML的过渡。）和XML（用于弥补HTML的不足） (2)表现标准：其语言主要包括CSS（帮助设计师分离外观与结构） (3)行为标准：其语言主要包括W3C Dom（提供标准方法用于访问站点中的数据、脚本和表现层对象）和ECMAScript (4)代码标准： ①必须结束标记：XHTML必须，HTML不一定 ②小写元素和属性名：XHTML对大小写敏感，HTML不敏感 ③比较必须合理嵌套 ④属性必须用“”括起来:XHTML必须，HTML
第一层判断是否包含 <，如果不包含则是 text，如果包含则再判断是哪一种，如果是开始标签，还要对其内容再取属性，直到遇到 > 就重新判断。
（1）引用样式的对象：指的是需要引用该样式的ＨＴＭＬ标签，可以是一个或多个标签，需要注意的是，这里使用的是去掉尖括号的标签名。例如，ｐ、table等，而不是＜p＞、＜table＞。 （2）标签属性：属性值——这是一一对应的，每个属性与属性值对之间用分号隔开。要说明的是，CSS的属性设置与脚本语言的属性设置有一点不同，即属性名称的写法不同。在CSS中，凡属性名为两个或两个以上的单词构成时，单词之间以“-”隔开，如背景颜色属性background-color。 例如，“< h1>< /h1>标签和< h2>< /h2>标签内的文本居中显示，并采用蓝色字体”的样式表为：
<html> <head> <title>HTML的body标签-文本标签学习</title> <meta charset="utf-8"/> </head> <body> 今天北京天气真好,适合学习 今天上海天气真好,适合学习 今天成都天气真好,适合学习 今天遂宁天气真好,适合学习 今天郫县天气真好,适合学习 今天
该文介绍了如何创建一个基于EasyUI的动态web工程，并通过添加EasyUI的css和Javascript文件，以及引入jQuery库来使用EasyUI。EasyUI提供了各种组件和工具，可以帮助开发人员快速创建出美观的页面。该文还提供了一个简单的demo，演示了如何创建一个包含标题、面板、按钮和输入框的页面，并使用了EasyUI的iconCls属性来添加图标。通过使用EasyUI，可以快速构建出美观、可扩展的web应用程序。
Author：Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力，都不会被生活辜负 不忘初心，方得始终 函数函数函数函数函数函数函数函数函数函数函数函数 for if for if for 悟性很重要 <!DOCTYPE html> <html lang='en'> <head> <meat charset='UTF-8'/> <meat na
CSS是Cascading Style Sheets的缩写，层叠样式表，用来控制网页数据的显示，可以使网页的显示与数据内容分离。
XML 指可扩展标记语言，被设计用来传输和存储数据。本文记录XML基础知识。 教程参考w3school。 简介 XML 指可扩展标记语言（EXtensible Markup Language） XML 是一种标记语言，很类似 HTML XML 的设计宗旨是传输数据，而非显示数据 XML 标签没有被预定义。您需要自行定义标签 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 XML 是没有任何行为的纯文本，仅编码保存数据 用途 XML 把数据从 HTML 分离 XML 简化数据共享 X
Pug是一款健壮、灵活、功能丰富的HTML模板引擎,专门为 Node.js 平台开发。Pug是由Jade 改名而来。
导航栏，有的人又喜欢叫菜单栏。确实和菜单有点像。导航栏几乎会用在所有的网站中。那么导航栏是怎么开发出来的呢？今天我们就来开发一个最为简单的导航栏。
关于设计这点，老实说，我是没有什么话语权的，因为我做的东西不好看。但是大不了我们可以借鉴啊.....所以我们来介绍几种设计：
比如：header(头部)，nav(导航)、section(主要用于对网站或应用程序中页面上的内容进行分块。)、article(一个页面的一部分，并且这部分专门用于独立的分类或复用)、aside(定义article以外的内容，aside的内容应该与article的内容相关。表示当前页 面或文章的附属信息部分)、footer(底部)
上一节练习题：写两个各10条数据的列表，第一个列表字体是16px，第二个列字体大小是20px。实现方法很多，但是根据现有知识写出来代码会很多，所以今天我们通过学习css选择器来简化你的代码。
CSS是层叠样式表（Cascading Style Sheets）用来定义网页的显示效果。可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。 那么CSS和HTML是如何在网页代码中相结合的呢？通过四种方式：style属性 、style标签、导入和链接。
CSS选择器匹配的第一个元素,一个 HTMLElement对象。 如果没有匹配到，则返回null。
为了使用 CSS 选择器达到筛选节点的目的，在 bs4 库的 BeautifulSoup 类中提供了一个 select() 方法，该方法会将搜索到的结果放到列表中。
关于富文本XSS，我在之前的一篇文章里(http://www.freebuf.com/articles/web/30201.html)已经比较详细地说明了一些开源应用使用的XSS Fliter以及绕过方法。之前我也总结了一些fliter的缺点，利用白名单机制完成了一个XSS Fliter类，希望能更大程度地避免富文本XSS的产生。 总结一下现存的一些XSS Fliter的缺点，可以归纳成以下几条： 1.黑名单过滤一些标签，但没有考虑全面。比如<svg>、<object>、<input>等
id > 类 > 标签 > 通配符(也算直接选中) > 继承 > 浏览器默认（即没有设置任何属性）
和 lxml 一样，Beautiful Soup 也是一个HTML/XML的解析器，主要的功能也是如何解析和提取 HTML/XML 数据。 lxml 只会局部遍历，而Beautiful Soup 是基于HTML DOM（Document Object Model）的，会载入整个文档，解析整个DOM树，因此时间和内存开销都会大很多，所以性能要低于lxml。 BeautifulSoup 用来解析 HTML 比较简单，API非常人性化，支持CSS选择器、Python标准库中的HTML解析器，也支持 lxml 的 XML解析器。 Beautiful Soup 3 目前已经停止开发，推荐现在的项目使用Beautiful Soup 4。
如果文档包含框架（frame 或 iframe 标签），浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象。
getElementById是获取DOM上的元素，然后操作的时候修改的该元素的属性
一、简单介绍 1、html，是hyper text markup language的缩写，中文为“超文本标记语言”。 2、html不是编程语言而是一种标记语言。 二、标签与元素 1、html标签：如(两个尖括号加上一个元素名，是开始标签,是结束标签)。 2、html元素：元素内容（开始与结束标签加上内容）。 3、一般的html标签都有开始和结束标签，但是有些是空标签，即没有结束标签和元素内容。如<link012
有时候我们发现网站并没有id、name等属性。那么，我们可以用更高级的定位方法——xpath来定位元素。
1 点击300ms 使用fastclick 2 移动端1px 在ios中使用0.5px 3 js中获取浏览器高度，获取scrollTOP等属性需要兼容 4 H5 的audio在ios上autoplay播放 一般使用进入页面后，使用js控制播放 5 在html上加overflow：hidden属性的时候，好多移动端浏览器都不支持 要实现超出范围隐藏，滚动条不显示，一般使用js获取高度来动态设置html高度 6 ios系统中在移动浏览器的页面中给按钮加JS事件，其按钮必须是原生HTML按钮或者
HTML指的是HTML 4.01, XHTML是HTML的过渡版本，XHTML是XML风格的HTML 4.01。而HTML 5指的是下一代的HTML,也就是HTML 4.01的升级版。
本文整理自：https://www.bilibili.com/video/BV1Y7411K7zz
HTML→head→tittle→text（网页标题）→style→加载样式→解析样式→link→加载外部样式表文件→解析外部样式表文件→script→加载外部脚本文件→执行外部脚本→body→div→script→加载脚本→解析脚本→执行脚本→img→script→加载脚本→解析脚本→执行脚本→加载外部图像文件→页面初始化完毕
W3C标准，即一系列标准的集合，他的本质是结构标准语言。就像平时使用的HTML、CSS等都需要遵守这些标准。 万维网联盟创建于1994年，是web技术领域最具权威和影响力的国际中立性技术标准机构。它有效促进了web技术相互之间的兼容。就像网页是由三部分组成：结构、表现和行为。 那么他对应的标准也分三方面: 1.结构化标准语言：HTML。可扩展标记语言(XML) ：最初设计目的是弥补HTML的不足。 XML好处： XHTML：可扩展超文本标记语言:当初建立XHTML的目的就是实现HTML向XML的过渡。 2.表现标准语言：CSS3(层叠样式表)：有利于网站的维护。 3.行为标准：主要包括对象模型(DOM)、ECMAScript等。DOM是一种与浏览器呢、平台、语言的接口，是的可以访问页面的其他的标准组件。
HTML需要和CSS还有JS一起用，才能提现强大。 所以，学了HTML。最好去学学CSS还有JS(JavaScript)
微慕小程序是资讯、媒体类小程序,因为对富文本内容和媒体内容的显示有较高的需求。对于富文本解析，微慕小程序以前采用的开源的wxParse组件，不过wxParse组件存在很多的问题且已经停止维护支持，随着微慕小程序功能不断的增加和优化，wxParse组件已经无法适应，同时对wxParse二次开发优化的难度比较大，基于此微慕团队考虑寻找更合适的解析组件，经过朋友的推荐和我们的考察，最终选择开源组件：mp-html(https://jin-yufeng.gitee.io/mp-html)，这个组件堪称小程序富文本解析利器。微慕团队对mp-html组件二次开发后可以与微慕小程序完美兼容，微慕小程序专业版v3.8.0加入了该组件。mp-html组件给富文本的内容提供了不少出色的功能。
1.首先我们需要先导入所需要的包，没有的话可以【 pip install ~】 来获取
html全称为HyperText Markup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。
代码讲解：HTML标签可以加上属性，但是我们不推荐这样做，因为HTML是用来表示语义的。比如，h1代表一级标题，p代表段落，font代表字体，b代表加粗。而且这样做比较复杂，不利于代码的维护。
什么是W3C标准 作为网站技术开发人员而言，往往是站在自己的开发角度来实施网站布署(读取数据及开发的方便性等等)，而不是站在网站访问者与搜索引擎角度。因此大部分的网站在浏览方面不够直观或是方便，特别是现在w3c的规范，更是在大部分的网站开发人员脑里一片空白。何况百度 、google、msn、yahoo等专业搜索引擎更有自己的搜索规则及判断网页等级技术，所以网站要优化，优化的目的只有一个：符合标准，符合蜘 蛛爬行的标准，更重要的是符合网站访问者浏览的方便及易用性。 要知道W3C标准，有必要先弄清楚什么是W3C？
我们知道，前端工程师入门容易，通过学习基本的HTML和CSS就能在浏览器上看到实际的效果，可是要写好的HTML，就不是那么容易了。这里将和大家分享HTML规范，希望大家读完之后都能够有所收获。本文将主要以下面三个部分展开：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
