JSP標籤、正則、CSS選擇器 學習筆記
JSP 標籤
<label>標籤 用於給各元素定義快捷鍵
此標籤中for屬性：指定快捷鍵作用的表單元素。必須與要作用的表單元素的id相同
Accesskey屬性：指定快捷鍵，此快捷鍵需要和alt鍵組合使用。
<b></b>標籤：加粗
<i></i>標籤：傾斜
<u></u>標籤：下劃線
<strong></strong>標籤：作用與<b>標籤相同
<sub></sub>文字下標
<sup></sup>文字上標
<marquee></marquee> 文字浮動，通過設定其direction屬性可設定文字飛動方向。設定其behavior屬性，如：behavior=”alternate”可彈回文字。Behavior=”scroll”,迴圈下沉。Behavior=”slide” 下沉後定在底部。
影象標籤：<img>
<img src=”” alt=”影象說明文字” />
超連結標籤：<ahref=”http://www.baidu.com” target=”_blank” title=”當滑鼠移動到此超連結位置時，會出現我” </a>
表格標籤:<table>
表格中由行組成，行由單元格組成。對資料進行格式化
表格中預設都有一個tbody標籤
<table border=”1” bordercolor=”red” width=”70%” cellpadding=”10” cellspacing=”0”>
<tr>
<th></th> ----->表頭，預設居中
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<form>標籤中action屬性指定資料提交的目的地。Method：提交方式。兩種常用值get和post。Get 為預設的。
Get和post區別：
1、get：會將提交的資料顯示在位址列上。Post：不會講資料顯示在位址列上
2、 get：提交的資料體積受位址列的限制。Post：可以提交大體積資料。
3、 Get對於敏感資訊不太安全。Post對於敏感資訊保安。
4、 Get會講提交的資訊封裝在請求行，也就是http訊息頭之前。Post會將提交資訊封裝在資料體中，也就是http訊息頭之後的空行後。
對於服務端而言，表單提交儘量用post，因為涉及到編碼問題。
對於post提交的中文，在服務端可以直接使用setCharacterEncoding(“gbk”)就可以解決。
對於get提交的中文，在服務端只能通過ISO8859-1將資料編碼一次，再通過制定的碼錶如GBK解碼。
符號轉義：
如果要在頁面顯示一些特殊符號，需要進行轉義。
如：想在html頁面中顯示“<”
<: < >:> &:& 空格:
正則表示式：
是一種專門用於操作字串的規則。
通過一些符號來表示，簡化對字串的複雜操作。但是閱讀性較差。
常見操作：
1、匹配，String類中的matches（regex）方法。
2、獲取（查詢）：Patten、Matcher
Patten p=Patten.compile(regex);
Matcher m=p.matcher(String);
While(m.find())
{
System.out.println(m.group());
}
3、切割：String split（regex）；
4、替換：String replaceAll（regex，str);
Demo:
String regex=”\\d{5,}”;
Patten p=Patten.compile(regex);
Matcher m=p.matcher(String);
While(m.find())
{
String s=m.group();
s.replaceAll(regex,”#”):
}
網路爬蟲：
通過網路以及IO讀取網頁的原始檔，並通過規則獲取網頁中的符合規則的資料。
比如： mail爬蟲
Stringmailreg=”[a-zA-Z0-9_]{6-12}@[a-zA-Z0-9]+(\\.[a-zA-Z]+)+”;
正則表示式中組的含義：講部分進行封裝一邊重用。 \\num反向引用指定組。
Css和html程式碼相結合的四種方法：
1、每一個html標籤都有一個style屬性。
2、當頁面有多個標籤有相同樣式時，可以進行復用。
<style>
Css程式碼
</style>
3、當有多個頁面中的標籤的樣式相同時，還可以將樣式單獨封裝在一個css檔案
通過在每個頁面中定義
<style>
@import url(“a.css”);
</style>
4、通過html中head標籤中的link標籤連線一個css檔案。
<link rel=”stylesheet”href=”a.css” />
技巧：為了提高相同樣式的複用性以及可拓展性，可以將多個標籤樣式進行單獨的定義，並封裝成css檔案。
P.css, div.css...
在一個css檔案中使用css的import將多個標籤樣式檔案匯入。
然後在html頁面上，使用link標籤匯入這個總的css檔案即可。
a.Css
@import url(“p.css”);
@import url(“div.css”);
<link rel=”stylesheet” href=”a.css”/>
CSS選擇器：其實就是樣式要作用的標籤容器
當樣式分離後，html作用在於用標籤封裝資料，然後將CSS載入到指定標籤上。
選擇器的基本分類：
1、標籤選擇器。 其實就是html中的每一個標籤名
2、類選擇器。 其實即使每一個標籤中的class屬性。用 . 的形式表示。
3、ID選擇器 其實就是每一個標籤中的ID屬性。但是要保證ID的唯一性。用#來標識。ID不僅可以被css所使用，還可以被JavaScript使用。
選擇器優先順序：
ID>class>標籤
<head>
<style type=”text/css”>
.a{
Background-color:#FF0000;
}
.z{
Background-color:0000099;
}
Div b{
Background-color:#00FFFF;
}
</style>
</head>
<body>
<div class=”a”>
我是百度！
</div>
</body>
拓展選擇器：
1、關聯選擇器：其實就是對標籤中的標籤進行樣式定義。選擇器選擇器......如例2
2、組合選擇器：對多個選擇器進行相同樣式定義。將多個選擇器用逗號“，”隔開的形式。
3、偽元素選擇器：即是元素的一種狀態。
a :link 超連結被點之前
a:visited 超連結被點之後
a:hover 懸停在超連結上
a:active 點選超連結時 如例3：
在定義這些狀態時，有一個順序：L V H A
例1:
<body>
<div class=”z”>
我<b>是</b>百<b>度</b>！
</div>
</body>
例3：
<head>
a:link,a:visited
{
Color:#22FF00;
Text-decoration:none;
}
</head>
網頁設計的時候。Div+css
Div：行級區域
Span：塊級區域
P：行級區域。P中不要巢狀div