网页中元素都有哪些定位方式，各自的含义是啥

Posted 2023-04-30

例如我们在做一个很长的网页时，需要在页面内做一个导航，点击导航里的链接不是新开一个窗口或者跳转到其他网址，而是跳转到当前页的某一个位置。那么所要跳转到的那个位置，我们就叫做锚点，它是一种在页面内部定位的方式。

设置锚点也是很简单的，例如一个文章分了三段，每段有个标题，标题的代码是这样的
<h2>我是标题一</h2>
<h2>我是标题二</h2>
<h2>我是标题三</h2>

如果我想要在页面内设置锚点，做一个索引，点击相应的索引标题就跳转到相应的段落，那么就只要在标题所在的html标签里面设置一个ID，然后链接过去即可，可以像下面这样设置ID：
<h2 id="a">我是标题一</h2>
<h2 id="b">我是标题二</h2>
<h2 id="c">我是标题三</h2>

然后在索引里面这样设置超链接就可以实现和锚点的连接了 参考技术A 固定定位： display：fixed
一般用在导航栏定位
相对定位： relative 属性值有top left right bottom 一般一次写两个
绝对定位： absolute 属性值有top left right bottom 一般一次写两个
用绝对定位的时候要在父标签中用相对定位

python中selenuim模块定位方法详解

selenuim模块定位方法

 　　 1，我们想要操作html页面上的元素，首先必须要定位到这个元素上。每个元素都有他各自的属性，比如id,name,class等，我们就通过这些属性来定位元素。

　　　2，我们先打开一个网页，按F12来获取这个网页的源代码，方便我们定位元素。

1 from selenium import webdriver 
2 driver=webdriver.Chrome() #启动谷歌浏览器
3 driver.get("http://www.baidu.com")    #打开百度网页

 

 　　　3，按F12我们获取到元素，鼠标点击图片红框中的标，然后把鼠标放到你想要获取的元素位置，然后右边代码会自动定位。

 

 

定位方法详解

　　　1.用id定位

　　

 

 　　我们可以看到右边代码元素id为kw。

from selenium import webdriver 
driver=webdriver.Chrome() 
driver.get("http://www.baidu.com")

s=driver.find_element_by_id(‘kw‘)      #定位到id等于kw的元素(百度搜索框)

s.send_keys(‘您好‘)    #在搜索框内输入你好

　　2.用name来定位

#代码同上
driver.find_element_by_name(‘wd‘)     #定位name为wd的元素

　　3.用classname来定位

#代码同上
driver.find_element_by_class_name(‘s_ipt‘)      #通过类名定位，一般类名有重复的，不常使用

　　4.用标签来定位

#代码同上
driver.find_element_by_tag_name(‘tag‘)    #标签定位，不常使用

　　5.定位a标签。

　　

#代码同上
driver.find_element_by_link_text(‘text‘)       #定位a标签的内容完全匹配


driver.find_element_by_partical_link_text(‘text‘)   #定位a标签内容模糊匹配

　　6.通过路径来定位，常用相对路径。

driver.find_element_by_xpath(//*[@id="kw"])   #相对路径定位

注意：

　　html中，大多数的元素都具备id和name的属性，并且id是唯一的，因此用id和name来定位元素是比较常见的方式。 不过有的元素并不具备id和name属性，我们则可以用class name来定位元素。当然我还可以用tag name来定位，但是标签名字太容易重复，除非想定位一组相同标签的元素，否则一般不推荐使用