前端日志

时间 2020-05-22

标签前端日志繁體版

原文原文链接

一.初识前端
hyper text markup language 超文本标记语言
超：能够放图片，视频，超连接
标记组成，标记、元素、标签
txt 文本文档
<html 属性名="属性值" 属性名2="属性值2"></html> 是最大的标签
html中每个标签都对应的有本身的做用
<meta 属性名="属性值" 属性名2="属性值2"/> 网页的一些信息，单标签
charset 编码字符集（属性）
utf-8 世界标准字符集
gb2312 中国标准第2312条，能够支持亚洲大部分的语言，日文，韩文...繁体字不支持
gbk gb2312的扩展版，能够支持繁体字
unicode 万国码
utf-8 unicode transformation format 8 unicode的一个升级版

白帽SEO 搜索引擎优化 黑帽SEO（黑客技术）

标签的嵌套不要太深了。建议在5层左右这些标签没有意义，也不规范，不容许这样写

二.html+css
1.
 <a href="" target="">超连接</a>css

2.
<s>这是一个标签的嵌套</s>html

3.设置宽高：通常是用css去进行设置
 行内标签（元素，标记）：在一行中显示，不能设置标签的宽高，只有当一行的内容容纳不下的时候才会进行换行
 （i,b,s,u,font,a）
 块级标签：本身独占一行，能够设置标签的宽高
 （ pre,h1-h6,p,div,hr）
 既不属于行内也不属于块级的有 
 转义字符：  空格
 © 版权符前端

4.无序列表：ul里面能够包含多个li，若是是导航，里面再嵌套一个a
type是用来设置类型的，有序列表中能够指定开头，start，开发中经常使用的必定是无序列表，主要用在菜单，导航面试

5.
特殊的标签：从行内元素中引伸行内块元素：在一行中显示，能够设置宽和高（input，img）koa

6.<img src="images/koala1.jpg" alt="考拉熊1" width="300" height="300"/优化

src：里面能够写：相对路径，绝对路径，盘符根路搜索引擎

alt：当网速很差，图片错误，路径错误...加载不出来或者正在加载中的时候显示的内容编码

title：鼠标悬浮上去提示的内容，能够适用在大部分的标签中
（常常面试会问到alt和title属性的区别） spa

7.table表单结构：code

<table>为表单的根标签

<tr>为行的根标签

<td>单元格

cellspacing指的是单元格之间的间距cellpadding值的是单元格中间的文本到单元格边框的距离用了这两个属性之后就不要再去用width和heigh