前端知识之标签的使用一

   

1.打开百度的时候最好再重启一页就是target="_blank"

2.DTDDocument Type definition文档类型定义

html超文本标记语言

transitional文档的过渡

<!DICTUPE>声明使用哪种规范

3.三层结构，html是结构层 CSS样式

JS行为层

Strict DTDW3C制定了一套规范的组织，规定了三层分离的规定

一般不允许出现html中使用直接属性，如果想添加属性需要用到CSS

Transitional过渡 过渡不太严格所以用的最多

4.xhtml和html都过时了现在用的都是h5的标准，支持的功能更加多

  每一个页面必须要设置一个doctype否则浏览器会开启怪异模式，

5.重点！+tab键就可以生成h5的结构

6.html是根节点，lang="en"用来设置当前页面的只要语言

 a设置页面上主要使用的语言的类型

 b将来做SEO的时候在权重上起到一定作用

 c用来特殊设备上的设置

7.head标签

  title必须要有，meta，base，style，script，link

8.body

 

9.title让也卖弄拥有一个属于自己的标签

 

10.写页面更加的友好（规范）:再合适的地方使用合适的标签，合理的使用标签的语义化

 

 

  讨好搜索引擎：

网络爬虫：任务就是用来访问页面给页面进行排序，从而在用户搜索的时候可以有一个先后的排名。

SEO就是为了提高网站排名

花钱

做成静态页面

发外链

页面更加的友好化

 

 

   初步友好使用有语义的标签

 

1.title，给页面一个标题，设置titletitle中的文本在SEO中占有很大的权重【。

2.h1和h2也可以提高但是没有title的权重大

 

 

1.meta中设置的所有内容在页面上都不会显示，但是他对于页面很重要常用用法：

    a meta是一个单标签根据name="description" 

Content="前端与移动开发培训，Java"

  增加了网站的关键字的权重

<meta name="keywords" content="java培训，PHP培训">

meta标签可以有多个但是不成超过10个

2.charset用来设置页面的编码格式

Charset="utf-8"设置了是读取的时候使用的编码

编码格式和文件格式必须一致否则就会出现乱码

注意文件保存和页面是指的格式必须一致，乱码问题一定先看编码是否统一

 

 

gbk与utf-8的区别

Utf-8收录的是全世界所有语言的文字

Gbk只会走路的汉子和片假名

    范围utf-8>gbk

   性能：utf-8<gbk

gbk存储一个字是两个字节

Utf-8是3个字节

 

 

列表部分

1.<ul>

 

</ul>

 

1.没有顺序之分

2.ul标签最好不要单独出现

ul标签里面一定要有li标签，并且不能要有其他的标签

li标签里面可以有其他的标签，他相当一个容器，容器里面可以放弃他的标签

3.有序列表

  显示有顺序的数据

语义是：一组有顺序的数据

ol：ordered List

<Ol>

<ol>

ol里面不允许直接放文本同上并且里面有且只能存在ol

工作中是一般使用ul不常使用ol

 

title标签中的文本在SEO中占有很大的权重

 

 

自定义列表<dl>

  <dt>

   <dd>两个是并列关系

</dt>

</dl>

相当于dl标签中有两个标签

 

Tablethead tbody

<caption></caption>

thead里面有：

Tr:行

Th:只是一个单元格而不是列，是表格的一个表头，

 

Tbody:一般来存放数据的主体数据，如果没有的话会默认加上

Tr:行

Td:

只是一个单元格而不是列

<tfoot>

<tr>

 

</tr>

 

</tfoot>

 

Broder

Width:300px

Height:200px

Cellspacing:规定单元格之间的空白间隙

Cellpadding:规定内容与边距之间的距离

 

 

 

表单form

作用：收集信息

1.input  type="text" value="张飞"

  密码：input type="password"

Value="123456"

 

Input type="hidden"

Value="很隐秘的数据"（这是一个隐藏域在，用户看不到但是，能用到的数据

）

  性别：<input type="radio" name="sex" checked="checked">男

<input type="radio" name="sex">女

 

 

爱好<inputtype="checkbox"  checked="checked"name="aihao">打游戏

<input type="checkbox"name="aihao">睡觉

 

 

<input type="button" value="提交">

 

<input type="reset" >如果想要起作用的话必须要结合form来使用

<input type="image" src="">是一个可以用作按钮只不过是一张图片

 

<input type="submit">

 

 

Reset 和submit必须结合form才可以使用

 

 

出生日期<select>

<option selected="selected"></option>

</select>

 

 

<textarea cols="" rows="">大小是可以拉动的