问题: 中能不能插入? 插入会如何?...先试验一下 image.png 我们可以看到, 把分成了两段, 并且div外字段并不在内 解答: 可以在HTML标准(https://www.w3.org/TR/html401.../struct/text.html#h-9.3.1)中看到, 虽然是块级元素, 但是只能包含行内元素, 不能包含块级元素(包括自己) image.png
问题由来:中嵌套标签,两个都是块级元素,按理应该可以正常显示,但是最后的结果居然是多出来一段的效果,所以就在网上找了许多关于标签嵌套规则的资料,下面做一个个人总结。...正确 (块级嵌套内联) 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:h1~h6、p、dt。...所以说p里面不能嵌套div,就是我犯的错误。 ... 错误 (特殊块级标签只能嵌套内联标签) 错误 (特殊块级标签只能嵌套内联标签) 块元素中嵌套的元素...,块元素和块元素并列一级,内联元素和内联元素并列一级 正确(块级和块级并列一级)
摄影:产品经理 买单:kingname 大部分的新闻网站,其新闻正文是在 p 标签中的。所以 GNE 在统计文本标签密度时,会考虑 p 标签的数量和 p 标签中文本的数量。 ?...但是也有一些网站,他们的新闻正文是在 div 标签中的,这种情况下,这些 div 标签就会干扰文本标签密度的计算。 ? div 标签在 HTML 页面布局时有很大的作用,不能随意改动。...但是,如果一个 div 标签它下面只有文本,没有任何子标签,那么这个 div 标签和 p 标签没有什么本质区别。这种情况下,可以把这些 div 标签转换为 p 标签。...' and not node.getchildren(): node.tag = 'p' 运行效果如下图所示: ?...整个修改 div 标签的过程,会直接修改Element 对象,不需要返回。
在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title,我们只能去修改index.html模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title 呢?...component: modifyName, meta: { title: '修改昵称' } } ] 在每一个meta里面设置页面的...使用vue-meta插件 vue-meta 主要用于管理 HMTL 头部标签,同时也支持 SSR。...vue-meta有以下特点: 在组件内设置 metaInfo,便可轻松实现头部标签的管理 metaInfo 的数据都是响应的,如果数据变化,头部信息会自动更新 支持 SSR 在页面里面增加 metaInfo
-- 如果想在标签体写内容,就不能使用src了 --> // 如果在标签体内写内容,因为js执行时,有加载顺序,会从上到下加载...-- 如果想在标签体写内容,就不能使用src了 --> // 如果在标签体内写内容,因为js执行时,有加载顺序,会从上到下加载...); // ...); }); // 段落 段落
div> 第二个段落 第三个段落 第四个段落 效果如下...div+p表示选取了所有位于 元素后的第一个 元素 上述“第零个段落”和“第一个段落”没有被选中,是因为它们都嵌套在了标签中,而不是标签后面的元素; “第二个段落”被选中...,是因为这个标签是标签后的第一个元素,且有相同的父元素; “第三个段落”和“第四个段落”没被选中是因为它们不是标签后紧邻的标签 假如希望"第三个段落..."也被选中,则需要使它的标签也在标签之后紧邻,如下 效果如下 如果标签不是紧邻,如下 效果如下 可以看到“第二个段落”没有被选中,因为相邻兄弟选择器选择的是紧接在一个元素后的元素...div+p{}表示的是选取后紧邻的元素, 但是上面代码div标签后紧邻的是标签,也就是它会选择标签后紧邻的标签,标签没有紧邻标签,
div标签 <scripttype="text/javascript"src=".....<em>标签</em> 是页面内的第几个<em>div</em><em>标签</em> alert($("div").index($("#foo"))); }); DIVAAAA $(function(){ // 将class属性值为itcast的元素下所有...(p)").addClass("test"); 含有p子元素的div :parent 选取含有子元素或文本节点的元素 $("td:parent") 所有不为空td元素选中 练习4: ² 设置含有文本内容.../jquery-1.8.3.min.js"> $(function(){ // 选择id属性mytable 下3的倍数行,
元素: /bookstore/book[last()-1] 选取最前面的两个属于bookstore元素的子元素的book元素: /bookstore/book[position()<3] 选取所有拥有名为...举例: 选取bookstore元素的所有子元素: /bookstore/* 选取文档中的所有元素: //* 选取html下面任意节点下的meta节点的所有属性: html/node()/meta/@*...爬取百度贴吧的时候,发现他的数据藏在了HTML页面的注释中,是根据js解析出来的。如果遇到诸如此类的网站,数据是根据js修改后加载的。我们只需要提供一个不支持js的浏览器版本即可。...4.1.3 通过js来反爬 普通的爬虫默认情况下无法执行js,获取js执行之后的结果,所以很多时候对方服务器会通过js的技术实现反爬。...4.利用多线程分布式: 在不被ban的请求下尽可能的提高速度。 4.3动态HTML技术了解 JS:是网络上最常用的脚本语言。
jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素。 (“p”) 选取 元素。...以下的样例把全部 p 元素的背景颜色更改为红色: $("p").css("background-color","red"); 上面的看完了我也不知道选择器是什么。。。...选取元素:(“标签名”) ⑤ 选取属性:(“[属性名]”) ⑥ 依据特征来选取元素:(“:特征”)(注意前面有个”冒号“) 这六种选择器还能够组合一下,产生很多其它的选择器。...如:(“ul li:first”)、(“div#intro .head”)) 选取当前 HTML 元素:$(this) 嵌套选择器 如:选取指定标签中的其他标签中的元素:$(标签名 *) (注意指定的标签中一定要有其他标签...class="intro">My name is Donald I live in Duckburg My best friend is Mickey <div id
$("div"); 获取同一类标签的所有元素 并集选择器 $("div,p,li"); 使用逗号分隔,只要符合条件之一就可。...获取所有的div、p、li元素 交集选择器标签指定式选择器) $("div.redClass"); 注意选择器1和选择器2之间没有空格,class为redClass的div元素,注意区分后代选择器。...attr]") 选取所有该p标签且具有attr属性的节点 $("p[attr=a_value]") 选取所有p标签且具有attr属性并满足属性值为a_value的节点 $("p[attr^=a_value_head...]") 选取所有p标签且attr属性的属性值是以a_value_head开头的 $("p[attr$=a_value_end]") 选取所有p标签且attr属性的属性值是以a_value_end结尾的...$("p[attr*=a_value") 选取所有p标签且attr属性的属性值中包含a_value 3.8 筛选方法 语法 用法 说明 parent() $("#first").parent(); 查找父亲
/jquery-3.4.1.min.js"> // 标签选择器,获得所有的 p $("p").css("color","red"); // 类选择器...p1 p2 222 333 // 后代选择器,忽略层级,选取所有后代元素 $("#x p").css("color","red"); //...").css("color","red"); // 选取 a 标签中 href 不等于 x 的元素 $("a[href!...中的内容(包含标签信息) alert($("div").html()); // 获得 div 中的内容(不包含标签信息,只包含文本内容) alert($
element 选取指定标签名的元素 类选择器 .class 选取指定类名的元素 ID选择器 #id 选取指定id名的元素 并集选择器 selector1,selector2......选取多种元素(里面可以是标签名,类名,id名) 全局选择器 * 选取所有元素 2.2 层次选择器 语法 说明 ancestor desscendant 后代选择器 A B partn>child 子选择器...:过滤选择器; 作用:过滤指定标签; 语法 说明 :first 选取第一个元素 :last 选取最后一个元素 :not(selector) 选取除selector选择了的元素之外的元素 :even 选取索引是偶数的元素...") $(this)就是将这个dom对象转换成jquery对象,就可以对这个对象进行操作; 可以查找当前元素下的子元素; html //当鼠标访问指定的li时,指定的li下的p标签显示,鼠标移除后,对应的...) js->innerHTML html() 获取指定元素的网页内容 text(context) 给指定元素添加网页内容(不会编译标签)js->innerText text() 获取指定元素的网页内容
文章目录 一、 文字排版案例 二、设置标题 三、div 中设置布局 四、hr 标签设置横线 五、p 标签分割段落 六、设置页面总体文字大小 七、修改 h1 标签样式 八、文本中设置粗体显示 九、使用... 展示效果 : 二、设置标题 ---- 将标题放在 h1 标签中 : 狂人日记 效果如下 : 三、div 中设置布局 ---- div 标签有换行功能..., 可以设置一行的内容 ; 1918年5月15日 鲁迅 收藏本文 四、hr 标签设置横线 ---- 使用 单标签 , 设置横线 ; 狂人日记 1918年5月15日 鲁迅 收藏本文 五、p 标签分割段落 ---- 使用 p 标签分割段落 代码示例 : <!...; 1918年5月15日 鲁迅 收藏本文 九、使用 em 标签将部分文字标记为重要信息 ---- em 标签默认状态 : 某君昆仲,今隐其名
主要体现在一下几个方面: 文档申明:DOCTYPE 字符编码:charset 不区分大小写了:DIV标签与div标签一样 布尔值:主要是关于input等的checked=”checked”属性 可以省略引号...date:选取日、月、年 month:选取月、年 week:选取周和年 time:选取时间(小时和分钟) datetime:选取时间、日、月、年(UTC时间) datetime-local:选取时间、日...新增的属性 对于js进行添加的属性。...从一下几点理解: 用正确的标签做正确的事 HTML语义化能让页面更具结构化且更加清晰,便于浏览器和搜索引擎进行解析因此在兼容条件下,要尽量使用具有语义化的结构标签。...比如div与i标签。一般div是作为容器。i标签作为图标(icon)
p") 包含选择器 div中所有的p 子元素 子子元素.. ...$("div > p") 子后代选择器 div中直接子后代 $("div + p")第一个兄弟p 简单选择器 :first 选取第一个元素 $("div:first")... :last 选取最后一个元素 :not(选择器) 选取不满足“选择器”条件的元素$("div:not(#id)") :even、:odd,选取索引是奇数、偶数的元素...:contains('John')") 匹配包含给定文本的元素 属性过滤选择器 $("div[id]")选取有id属性 $("div[title=test]")选取title...I would like to say: $("p").appendTo("#foo");
实现上述两个功能当然可以使用原生js来完成,但在实际开发过程中很少这样做,通常会使用一些别人封装好的js库来辅助我们的工作,jQuery就是这些辅助库中的一员。...的标签,返回类型是DOM元素数组 id $('#value'),选取页面上id=value的标签 $('[name]'),选取带有name属性的标签,返回类型是DOM元素数组 $('[name="tag...选择器的综合使用 //操作多种标签 $('p,div,input').attr('name','multi'); // 一个标签使用多个样式类 <div class='main-title ng-binding...'); 或 $(':radio:checked');//选取页面上所有被选中的radiobutton //选取class属性值是style的p标签 $('p.style'); //选取div所有子元素中的...p标签 $('div p'); 或 $('div>p').; //获取值是★的td标签 $('td:contains("★")') //选择id='table'的标签中的第一个tr标签 $('#table
标签 是页面内的第几个div标签 alert($("div").index($("#foo"))); }); DIVAAAA <div class...:has(p)").addClass("test"); 含有p子元素的div :parent 选取含有子元素或文本节点的元素 $("td:parent") 所有不为空td元素选中 练习4: ²...div id="xxx" class="itcast3">FFFF PPPPPP ⑦:子元素过滤选择器 对某元素中的子元素进行选取...:last-child 选取最后一个子元素 :only-child 选取唯一子元素,它的父元素只有它这一个子元素 练习7: ² 选择id属性mytable 下3的倍数行,字体颜色为红色 ² 表格.../jquery-1.8.3.min.js"> $(function(){ // 传智播客</div
> 点击消失 $(document).ready(function...(){ //固定的jQ开头 $("p").click(function(){ // 选取p标签,并绑定clisk事件 $(this).hide(); //事件触发使用hide()方法(...隐藏当前标签属性) }) }) jQuery函数位于一个document ready函数中,我们需要在js中加载该函数文档 //...:奇数索引的标签 :eq()/:gt()/:lt() eq():选取指定索引的元素 ge():选取大于指定索引的元素 lt():选取小于指定索引的元素 :focus 选取所有失去焦点的元素...$("div:last").addClass("myClass");//最后一个标签 }); 内容过滤选择器 :contains(text) 选取包含text文本内容的元素;区分大小写
$("p") 选取 元素。 $("p.intro")选取所有 class="intro" 的 元素。 $("p#demo") 选取所有 id="demo" 的 元素。...下面的例子把所有 div 元素的背景颜色更改为红色: $("div").css("background-color","red") 简洁操作: $("#box").css("border", "solid...class属性来控制使用不同的样式 如果是动态递增变化的样式,可以通过JS代码进行处理。...内容操作 常规开始标签和结束标签中间的内容操作 var $boxValue = $("#box").text(); $("#box").text("添加的内容") 表单元素的数据 var $name.../ 这里面的代码,是当页面中的标签加载完成后执行的 $("li").mouseenter(function(){ $(this).children
领取专属 10元无门槛券
手把手带您无忧上云