前端日誌

時間 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