html与八大元素定位

标签

HTML标签是由尖括号包围的关键词，比如
HTML标签通常是成对出现的，比如
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

img 图片
a 超链接

input 输入框
span

div
link
area
br 换行标签
p 段落标签
href 用于指定超链接目标的 URL
…
html元素属性格式
<开始标签 属性名=属性值“”><结束标签>
例1：

<input type="text" class="s_ipt" name="wd" id="kw" maxlength="100" autocomplete="off">

input 标签名称（tagname）
attribute 属性
text 文本内容
例2：

<a href="javascript:;" id="quickdelete" title="清空" class="quickdelete" style="top: 0px; right: 0px; display: none;"></a>

八大元素

1.id
类似于身份证号，在前端页面中，id基本不会重复

2.name
类似于身份证中的名字，可能重复

3.className
class属性可能会有多个值
class=“bg s_ipt_wr quickdelete-wrap” 存在多个值时，不使用className定位

4.TagName
用于定位某一类型的所有元素，一般用于批量元素获取操作时

5.LinkText
通过text文本定位 “新闻“

6.partilLinkText
通过text文本进行模糊查找，类似于sql中的like%str%

7.xpath
元素定位万金油，依据页面展示的元素结构来定位
右键该元素，然后选择copy(复制) -> copy XPath
//*[@id=“s-top-left”]/a[1]
在IE中默认无法识别xpath定位，需要额外安装插件

8.CSSSelector
IE可以定位识别的定位方式
右键该元素，然后选择copy(复制) -> copy Selector
#s_kw_wrap