ziyouhua 发表于 2018-2-2 22:44:35

标签、选择符、超链接及SEO笔记

<img src=”图片文件名”alt=”图片名(希望搜索引擎搜索该图片时的关键字)”/>,这个标签是专门放图片的,他是个单标签。2.      <a href=”网址”target=“网页打开方式”>该网址在页面中显示的文字等样式</a>,这个标签是放超链接的,叫a标签,他是个双标签。Target表示网页的打开方式,有“_blank”——表示以一个新的页面打开、“_self”——表示在原页面上跳转到指定页面等,默认是“_self”打开方式。3.      在头文件中,即在<head></head>这个标签对之间加入<basetarget=”_blank”>表示所有的a标签都是以打开一个新页面的方式打开链接。如果,在某些a标签中又需要在该标签上以在原页面上进行跳转的方式进行,那么可以单独在这些个标签中加入target=“_self”,表示当前标签是在原页面上进行跳转的。4.      <a href=”文件或压缩包”>文件名</a>,这种作用称为下载,表示当鼠标点击“文件名”时,会自动下载“文件或压缩包”,实现一个下载的功能。5.      <a href=”#id(块名)”>链接名</a>,这种跳转称为锚点,表示点击“链接名”时,当前页面实现跳转到当前网页的指定部分,也就是id所在的位置,并不是新开一个网页或跳转到其他网页。
6.      <h1>标题一</h1>,表示标题一。还有<h2>标题二</h2>,<h3>标题三</h3>,<h4>标题四</h4>,<h5>标题五</h5>,<h6>标题六</h6>。h后的值越大,标题的大小越小,越不重要。7.      <p>段落</p>,表示段落。8.      <strong>强调的内容</strong>,表示该内容表示强调,页面上显示为粗体。9.      <em>强调的内容</em>,表示该内容也为强调,只不过没有strong那么重要,页面上显示为斜体。10.    <span>区分样式的内容</span>,表示<span></span>这个标签对内的内容与其他内容样式不一样。可以在<span>中加入文字颜色等文字样式。11.    <ol><li>列表项内容1</li><li>列表项内容2</li><li>列表项内容3</li><li>列表项内容4</li><li>列表项内容5</li></ol><ol></ol>这个标签对表示有序列表,内容分别为<li></li>这个标签对里的列表项内容,页面会在每项内容前自动生成1、2、3、4、5等有序数字。12.    <ul><li>列表项内容1</li><li>列表项内容2</li><li>列表项内容3</li><li>列表项内容4</li><li>列表项内容5</li></ul><ul></ul>这个标签对表示无序列表,内容分别为<li></li>这个标签对里的列表项内容,页面会在每项内容前自动生成一个小圆点。13.    <dl><dt>定义列表标题</dt><dd>定义列表内容</dd><dd>定义列表内容</dd><dd>定义列表内容</dd><dd>定义列表内容</dd><dd>定义列表内容</dd></dl><dl></dl>这个标签对表示定义列表,定义列表必须有一个自带标题,标题内容放在<dt></dt>这个标签对内,定义列表的内容放在<dd></dd>这个标签对内。14.    <br/>表示为折行符,即换行符。15.    id选择符,在div中添加“id=id名”(div写在body中),在head的style中在写上相应的“#+id名”的样式。16.    群组选择符,同样也需要在div中添加“id=id名”(div写在body中),在head中在写上相应的id名的样式。但是在head中写id名时,不同的id名中间都要以逗号”,”隔开。也就是说群组选择符是用在不同id名,但同一样式的情况下。17.    Class选择符(类选择符),在body的div中写入“class=“id名” ”,在head的style中写下“.id名{样式}”,注意有一个英文实点。当然对于一个对象可以写入很多个class,即在body的div中的“class=”后可以写入很多个id名,中间只需要用空格(“”)隔开就行。18.    类型选择符,顾名思义就是根据类型选择需要加样式的对象。使用时,只需要在“{样式}”之前加入你所需要对象的相应类型,比如div或者是p。19.    包含选择符,顾名思义就是根据页面中的类型包含关系来选择需要加样式的对象。使用时,只需要在“{样式}”之前加入你所需要对象的相应类型途径。比如“div span p{样式}”等。20.    通配符,就是在“{样式}”之前加入“*”——星号。表示页面中所有元素都加入此样式。21.    样式优先级遵循以下规则:A.       类型(A)< class(B)< id(C)< style行间样式(D)< js(E);B.       同级样式默认后者覆盖前者(+1);C.       在class的样式中不支持统计样式后者覆盖前者,遵循的是在写样式代码时,代码的前后顺序(+1);D.       通常写代码不会超过2层包含。22.    很多选择符处于包含关系时,如何确认那个选择符更高级?答案:那个高级选择符多,那个选择符更高级。23.    a伪类(它用于向被选中元素添加特殊的效果,在以下四种的情况下才会具备):A.       link            未访问(默认)B.       hover      鼠标悬停(鼠标滑过)C.       active       链接激活(鼠标按下)D.       visited      访问过后(点击过后)24.    a四个伪类的顺序:linkvisitedhoveractive(记忆方法:love hate!爱恨交织!)。25.    IE6不支持a以外其他任何标签的伪类;IE6以上浏览器支持所有标签的hover伪类。

minlab 发表于 2018-2-3 15:06:31

这号还活着啊

妖妖 发表于 2018-2-3 17:40:00

minlab 发表于 2018-2-3 15:06
这号还活着啊

以前都是直接插件一次性打开自己没看过的帖子。。。

现在。。。。在这里浪费时间了。。。。。。。。。。;P
页: [1]
查看完整版本: 标签、选择符、超链接及SEO笔记