常见标签:
img标签是个单标签 alt作用 图片加载失败 显示alt中内容
a标签详细介绍:
a标签的链接实现:
a标签 点击a标签
会转到相应链接下控制链接新打开一个页面用或者其他用target,还有self等其
他;
在head部分写入
式,如果在body部分些人target属性,以body部分里面a标签里的target属性为
先;
a标签的下载实现:放入要下载的东西放的里面用#
号 实现下载功能
a标签的锚点实现: (一个锚点)百步飞
剑
标题标签 不是一个 是一组 一共以下六个:
段落标签 一段话用p标签
强调标签strong 页面默认展示为粗体
内容(Content)
也是强调的作用没有strong 标签语气那么重 默认展示为斜体
span标签
区分样式,一段文字或内容样式区分
Conten
列表
有序列表
无需列表
定义列表
SEO:搜索引擎优化 例如:百度一下等
作用:有一个爬虫程序 每×××索信息 保存下来
标签的的优点:
页面标签语义化;
使用对SEO有利于标签;h2;h3;h4;strong;em 占7%或8%左右 合理的优
化 不要过分使用
提高页面关键词密度;
id选择符
#box1,box2{
width:100px;height:100px;background:red;
}
群组选择符 #后面跟id+","+id一组群组用一样的样式
.box(id)和class的使用 class是一个类,可以理解为一个可以重复使
用的id;
class 选择符 可以跟多个样式
类型选择符 标签名{}
包含选择符:根据页面中的包含关系来选择
div p{}表示div标签里面所有的p标签
通配符
*{border:1px solid red;}页面中所有的都带有此格式 基本无用
选择符的优先级:
前提 同级 :样式默认后者覆盖前者
包含级别越高,样式就使用哪个
class样式选择符
同级别调用名字的先后顺序没有关系,只与样式的先后有关系
类型(1) (javaScrapt) 比较样式优先级,根据最高样式优先级个数判断 工作中不要写太深的包含关系 a的伪类: link 未访问 hover 鼠标悬停(鼠标划过) active 链接激活 visited 访问过后 写法 写在style里面的 a:link{} a:hover{} 伪类顺序 link visited hover active 应用:搜索引擎 小说等 div伪类:hover 大多数标签都支持hover IE6不支持a意外其他任何标签的伪类 IE6以上支持 另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前名称:HTML标签、选择符、超链接以及SEO-创新互联
浏览地址:http://bjjierui.cn/article/dpdjps.html