前端知识之标签的使用一

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标签可以有多个但是不成超过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

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="reset" >如果想要起作用的话必须要结合form来使用

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

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

出生日期<select>

</select>

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

前端知识之标签的使用一相关推荐

web前端知识——iframe标签、CSS
一.iframe标签用于在一个网页里面打开另一个网页 <iframe src="https://www.taobao.com" frameborder="0&qu ...
零基础该如何学习Web前端知识?
想要跳槽到IT行业人在近几年越来越多,大部分都是想要学习web前端技术,但是这其中有很多都是零基础学员,大家都想知道零基础该如何学习Web前端知识?我们来看看下面的详细介绍. 零基础该如何学习Web前 ...
（一）梳理前端知识体系，搞定大厂必考面试题
梳理前端知识体系,搞定大厂必考面试题常见面试题 JS基础知识变量类型和计算原型和原型链作用域和闭包异步和单线程运行环境 HTTP协议总结常见面试题 JS基础知识变量类型和计算 typ ...
Web前端知识体系精简
Web前端技术由html.css和javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知 ...
重学前端----前端知识系统学习推荐专栏
推荐一个前端知识学习专栏.此专栏为极客时间收费专栏. 学习交流加个人qq: 1126137994 个人微信: liu1126137994 学习交流资源分享qq群: 962535112 文章目录 1 ...
layui 如何动态加载局部页面_从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系！
前言见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正. 为什么要梳理这篇文章? 最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目. ...
3 HTMLJS等前端知识系列之javascript的基础
preface 作为一名运维开发,必须懂得前端知识,比如javascript,dom等等,下面就聊聊javascript. include 数据格式条件判断,循环流程等. 函数面向对象 what ...
如何学习Web前端知识转型？
现在的互联网工作者都比较向往高薪,所以有一些运营或者设计岗也会想要转行去技术岗.今天就以设计师转型学习Web为例,一起来看看如何学习Web前端知识转型? 1.HTML/CSS学习第一阶段,你要从最基 ...
好程序员分享Web前端知识之HTML
今天好程序员分享Web前端知识之HTML.Web前端技术由HTML.CSS和Javascript三大部分构成,而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者 ...

前端知识之标签的使用一

前端知识之标签的使用一相关推荐

最新文章

热门文章