Rumah > hujung hadapan web > html tutorial > HTML标签、选择符、超链接以及SEO详细介绍

HTML标签、选择符、超链接以及SEO详细介绍

高洛峰
Lepaskan: 2017-03-23 09:33:39
asal
1759 orang telah melayarinya

常见标签:

img标签是个单标签 alt作用 图片加载失败 显示alt中内容

图片的名字

a标签详细介绍:

a标签的链接实现:

a标签 点击a标签

会转到相应链接下控制链接新打开一个页面用或者其他用target,还有self等其

他;

在head部分写入默认页面中所有链接打开方

式,如果在body部分些人target属性,以body部分里面a标签里的target属性为

先;

a标签的下载实现:放入要下载的东西放的里面用#

号 实现下载功能

a标签的锚点实现: (一个锚点)百步飞

标题标签 不是一个 是一组 一共以下六个:

段落标签  一段话用p标签

强调标签strong 页面默认展示为粗体

内容(Content)

也是强调的作用没有strong 标签语气那么重 默认展示为斜体

span标签

区分样式,一段文字或内容样式区分

Conten

列表

有序列表

  1. (列表项目)

无需列表

  • (列表项目)

定义列表

定义列表标题

定义列表项目

SEO:搜索引擎优化  例如:百度一下等

作用:有一个爬虫程序 每天搜索信息 保存下来

标签的的优点:

页面标签语义化;

使用对SEO有利于标签;h1;h2;h3;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以上支持

Atas ialah kandungan terperinci HTML标签、选择符、超链接以及SEO详细介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan