和HTML標(biāo)簽相關(guān)的字符串格式化

HTML標(biāo)簽相關(guān)的字符串格式化

string nl2br ( string $string )

nl2br() 就是將\n 替換成 //javascript對(duì)\n才能夠執(zhí)行換行,對(duì)是不能執(zhí)行換行

htmlspecialchars() 把一些預(yù)定義的字符轉(zhuǎn)換為 HTML 實(shí)體。

string htmlspecialchars(string,quotestyle,[character-set])

轉(zhuǎn)換以下字符及對(duì)應(yīng)的實(shí)體

& （和號(hào)） 成為 &
" （雙引號(hào)） 成為 "
' （單引號(hào)） 成為 '
< （小于） 成為 <
> （大于） 成為 >

第二個(gè)參數(shù): ENT_COMPAT 只轉(zhuǎn)換雙引號(hào), 保留單引號(hào), 為默認(rèn)值 compat: 兼容性

ENT_QUOTES 同時(shí)轉(zhuǎn)換兩種引號(hào) quotes: 引號(hào)

ENT_NOQUOTES 不對(duì)引號(hào)進(jìn)行轉(zhuǎn)換

<html>
<body>
<?php
$str = "John & \" 'Adams'";
echo htmlspecialchars($str, ENT_COMPAT);
echo "<br />";
echo htmlspecialchars($str, ENT_QUOTES);
echo "<br />";
echo htmlspecialchars($str, ENT_NOQUOTES);
?>
</body>
</html>

輸出結(jié)果:John & " 'Adams'

John & " 'Adams'

htmlentities() 可以將所有的非ASCII碼字符轉(zhuǎn)換為對(duì)應(yīng)的實(shí)體代碼;除字母、數(shù)字、\外, 漢字和鍵盤(pán)上其他字符都轉(zhuǎn)換

<?php
$str = "A 'quote' \" is <b>bold</b>" ;
echo htmlentities ( $str ); // 輸出后源代碼: A 'quote' is <b>bold</b>
echo htmlentities ( $str , ENT_QUOTES ); // 輸出后源代碼: A 'quote' is <b>bold</b>
?>

返回的結(jié)果:A 'quote' "is bold

A 'quote' "is bold

注意: htmlspecialchars()和htmlentities作用直接輸出HTML腳本

htmlspecialchars()和htmlentities()函數(shù)對(duì)于轉(zhuǎn)義字符"\"處理,不會(huì)轉(zhuǎn)義實(shí)體代碼,要么當(dāng)轉(zhuǎn)義字符對(duì)待,要么原樣輸出;

PHP中htmlentities和htmlspecialchars的區(qū)別

這兩個(gè)函數(shù)的功能都是轉(zhuǎn)換字符為HTML字符編碼, 特別是url和代碼字符串。防止字符標(biāo)記被瀏覽器執(zhí)行。

使用中文時(shí)沒(méi)什么區(qū)別, 但htmlentities會(huì)格式化中文字符使得中文輸入是亂碼。

htmlentities轉(zhuǎn)換所有的html標(biāo)記, htmlspecialchars只格式化& ' " < 和 > 這幾個(gè)特殊符號(hào)

addslashes() 在指定的預(yù)定義字符前添加反斜杠。

這些預(yù)定義字符是：?jiǎn)我?hào) (') 雙引號(hào) (") 反斜杠 (\) NULL字符(\x00)

提示：該函數(shù)可用于為存儲(chǔ)在數(shù)據(jù)庫(kù)中的字符串以及數(shù)據(jù)庫(kù)查詢(xún)語(yǔ)句準(zhǔn)備合適的字符串。

注釋?zhuān)耗J(rèn)情況下，PHP 指令 magic_quotes_gpc 為 on，對(duì)所有的 GET、POST 和 COOKIE數(shù)據(jù)自動(dòng)運(yùn)行 addslashes()。

不要對(duì)已經(jīng)被magic_quotes_gpc轉(zhuǎn)義過(guò)的字符串使用 addslashes()，因?yàn)檫@樣會(huì)導(dǎo)致雙層轉(zhuǎn)義。

遇到這種情況時(shí)可以使用函數(shù) get_magic_quotes_gpc() 進(jìn)行檢測(cè)。(如:$c=(!get_magic_quotes_gpc())?addslashes($c):$c;)

在本例中，我們要向字符串中的預(yù)定義字符添加反斜杠：

<?php
$str = "Who's John Adams?";
echo $str . " This is not safe in a database query.<br />";
echo addslashes($str) . " This is safe in a database query.";
?>

輸出：

Who's John Adams? This is not safe in a database query.

Who\'s John Adams? This is safe in a database query.

<?php
header("Content-type:text/html; charset=utf-8");
$str = "wo are \x0a studying \x00 php";
echo $str;
echo "<br>";
echo addslashes($str);
?>

輸出:

wo are studying php

wo are studying >wo are studying \0 php< php

stripslashes() 刪除反斜線(xiàn)（"\"）

在提交的表單數(shù)據(jù)中 ' " \ 等字符前被自動(dòng)加上一個(gè)\ ,這是配置文件php.ini中選項(xiàng)magic_quotes_gpc在起作用，

默認(rèn)是打開(kāi)的，如果不處理則將數(shù)據(jù)保存到數(shù)據(jù)庫(kù)時(shí)，有可能會(huì)被數(shù)據(jù)庫(kù)誤當(dāng)成控制符號(hào)而引起錯(cuò)誤。

通常htmlspecialchars()和stripslashes()函數(shù)復(fù)合的方式，聯(lián)合處理表單中的提交的數(shù)據(jù)htmlspecialchars(stripslashes())

strip_tags()

string strip_tags ( string $str [, string $allowable_tags ] )

剝?nèi)?HTML、XML 以及 PHP 的標(biāo)簽。

<?php
echo strip_tags("Hello <b><i>world!</i></b>","<b>");
?>

輸出結(jié)果:Hello world!

實(shí)例:

<?php
$str = "<b>webserver;</b> & \ 'Linux' & Apache";
echo "$str"; //直接輸出
echo "<br/>";
echo htmlspecialchars($str,ENT_COMPAT); //只轉(zhuǎn)換雙引號(hào),為默認(rèn)參數(shù)
echo "<br />";
echo htmlspecialchars($str,ENT_NOQUOTES); //不對(duì)引號(hào)進(jìn)行轉(zhuǎn)換
echo "<br />";
echo htmlspecialchars($str,ENT_QUOTES); //同時(shí)轉(zhuǎn)換單引號(hào)和雙引號(hào)
echo "<br />";
echo htmlentities($str); //將所有的非ASCII碼字符轉(zhuǎn)換為對(duì)應(yīng)的實(shí)體代碼
echo "<br />";
echo addslashes($str); //將" ' \ 字符前添加反斜線(xiàn)
echo "<br />";
echo stripslashes($str); //刪除反斜線(xiàn)
echo "<br />";
echo strip_tags($str); //刪除<html>標(biāo)記
?>

輸出結(jié)果:

webserver; & \ 'Linux' & Apache

、html概述

1、html標(biāo)簽是用來(lái)給文本添加語(yǔ)義的，而不是用來(lái)修飾文本的；

2、<meta charset="GBK">指定字符集（GB2312、UTF-8），html保存和指定字符一樣，才不會(huì)亂碼；

3、<!DOCTYPE html> DTD文檔申明告訴瀏覽器我用的什么協(xié)議來(lái)寫(xiě)的，不是html標(biāo)簽；

4、webstorm快捷鍵大全：https://www.cnblogs.com/yeminglong/p/5995421.html

二、基礎(chǔ)標(biāo)簽

1、h、p 和 hr 標(biāo)簽

三個(gè)標(biāo)簽都是占一行

2、注釋?zhuān)?lt;!-- -->

3、圖片：<img src=" ">

不會(huì)獨(dú)占一行；
保證不變形，指定寬或者高即可；
title 和 alt 屬性；
src 可以是相對(duì)路徑（../ 上一級(jí)）和絕對(duì)路徑，路徑中盡量不含中文，相對(duì)路徑不可跨盤(pán)符，路徑分隔統(tǒng)一寫(xiě) / ，絕對(duì)路徑的可移植性不好；

4、換行： 用于內(nèi)容未完的換行

5、跳轉(zhuǎn)：<a href=" "></a>

支持文字和圖片的跳轉(zhuǎn)；
地址必須加 http 或者 https；
href 可以指定本地的地址；
target（_self 和 _blank）屬性控制跳轉(zhuǎn)是否打開(kāi)新的選項(xiàng)卡；
title 提示作用；

6、base 標(biāo)簽：<base target="_self ">

統(tǒng)一指定 a 標(biāo)簽怎么打開(kāi)，寫(xiě)在 head 中

7、假鏈接：點(diǎn)擊不會(huì)跳轉(zhuǎn)

a 標(biāo)簽的 href 屬性值為 # 或者 javascript
# 會(huì)跳轉(zhuǎn)到頁(yè)面的頂部，而 js 不會(huì)

8、錨點(diǎn)：<a href="#id值"><\a>

可以跳轉(zhuǎn)到頁(yè)面的指定位置
可以跳轉(zhuǎn)到其他頁(yè)面的指定位置，只需在 # 前面加上頁(yè)面的路徑即可
跳轉(zhuǎn)無(wú)過(guò)度動(dòng)畫(huà)

三、列表標(biāo)簽

1、無(wú)序列表（!）

<ul><li><\li><\ul>；
整體不可分割；
ul 除了 li 不建議再加其他的標(biāo)簽，li 標(biāo)簽中可以放其他標(biāo)簽來(lái)豐富內(nèi)容；
li 中還可嵌套列表；
ws快捷生成 ul>li*3>h2+p；

2、有序列表（*）

<ol><li><\li><\ol>；

3、定義列表

dt 是標(biāo)題，dd 是具體的描述；
推薦一個(gè) dt 一個(gè) dd ，也可以一個(gè) dt 對(duì)多個(gè) dd 或者沒(méi)有 dd；
dl 中不建議加其他標(biāo)簽，二 dt 和 dd 可以加；
應(yīng)用：網(wǎng)站尾部，圖文混排（仿京東做個(gè)網(wǎng)站的尾部）；

四、表格標(biāo)簽

1、格式

表格的邊框默認(rèn)不顯示（border）

2、屬性

（1）寬高

table 和 td 可用；
默認(rèn)高寬根據(jù)內(nèi)容調(diào)整；
td 設(shè)置高寬只會(huì)改變當(dāng)前單元格的狀態(tài)，而不會(huì)改變 table 的高寬；

（2）水平和垂直對(duì)齊（align 和 valign）

水平對(duì)齊三個(gè)都可以用，而垂直對(duì)齊針對(duì) tr 和 td；
table 設(shè)置 align 控制表格在水平方向的對(duì)齊，給 tr 和 td 設(shè)置都是控制單元格里的內(nèi)容的對(duì)齊方式，不過(guò) tr 影響一行，td 影響一個(gè)，tr 和 td 都設(shè)置 td 會(huì)覆蓋 tr 的效果；
tr 和 td 設(shè)置 valign 都是控制單元格內(nèi)容的垂直方向的對(duì)齊，不過(guò) tr 影響一行，td 影響一個(gè)，tr 和 td 都設(shè)置 td 會(huì)覆蓋 tr 的效果；

（3）內(nèi)邊距和外邊距（cellpadding 和 cellspacing）

兩個(gè)屬性都是 table 的；
外邊距是指格子與格子之間的空隙，而內(nèi)邊距是指格子與文字之間的間隙；

（4）細(xì)線(xiàn)表格

先給 table 設(shè)置 bgcolor；
再給 tr 設(shè)置 bgcolor；
最后 table 設(shè)置 cellspacing；

3、表格的其他標(biāo)簽

（1）caption：表格的標(biāo)題標(biāo)簽，必須寫(xiě)在 table 內(nèi)而且需緊跟 table

（2）th：th 和 td 同級(jí)，th 有加粗的效果

4、表格的結(jié)構(gòu)

（1）組成：caption 標(biāo)題、thead 表頭、tbody 主體、tfoot 尾部

（2）說(shuō)明：

瀏覽器自動(dòng)添加 tbody；
table 設(shè)置高度后，tfoot 和 thead 的高度是不會(huì)變化的；

5、單元格的合并

（1）水平方向：td 屬性 colspan = "2"；

（2）垂直方向：td 屬性 rowspan = "2"；

五、表單標(biāo)簽

1、格式

2、input 標(biāo)簽

（1）type = text：

（2）password：

（3）radio：互斥要設(shè)置 name 相同；默認(rèn)選中 checked

（4）checkbox：選中 checked

（5）button：

（6）image：

（7）reset：value 修改標(biāo)題

（8）submit：

form 的 action 確定提交的地址
提交數(shù)據(jù)加 name 屬性

（9）hidden：

-----------------------------------------------------------------------------------------------------------------------

*相關(guān)標(biāo)簽：

label 標(biāo)簽：讓文字與 input 標(biāo)簽綁定；兩種綁定的方式：

datalist 標(biāo)簽：給輸入框綁定輸入的提示：<datalist><option>haha</option></datalist>
h5 中新增的 input 標(biāo)簽：email 、url 、number 、color、date（瀏覽器的支持不好）

3、非 input 標(biāo)簽

（1）select

（2）textarea

cols 和 rows 指定輸入的行列，但是還是可以無(wú)限輸入
默認(rèn)可拉伸，也可通過(guò) css 固定大小

4、練習(xí)

（1）表單標(biāo)簽除了 button 外都可以用 value 來(lái)指定提交的值

（2）表單添加邊框可以在 form 中添加 fieldset 來(lái)實(shí)現(xiàn)

六、多媒體標(biāo)簽

1、video 標(biāo)簽

（1）格式：<video src=" " autoplay="autoplay"></video>；

（2）屬性：controls（控制條）poster（海報(bào)）loop（循環(huán)）preload（預(yù)加載，與autoplay沖突）muted（靜音）width/height；

（3）另一種 video 格式：解決瀏覽器的兼容

（4）讓所有的瀏覽器支持 video 標(biāo)簽：通過(guò) js 框架來(lái)實(shí)現(xiàn)

2、audio 標(biāo)簽

（1）使用基本和 video 一樣，屬性只有寬高和 poster 不能用，也是兩種格式

3、details 和 summary 標(biāo)簽

（1）格式：

4、marquee標(biāo)簽（跑馬燈效果）

（1）w3c 不推薦，但是瀏覽器的支持好

（2）屬性：direction（方向）scrollamount（滾動(dòng)的速度）loop（滾動(dòng)次數(shù)，默認(rèn)-1）behavior（滾動(dòng)類(lèi)型 slide）

（3）廢棄的標(biāo)簽： <hr>加粗下劃線(xiàn)斜體<s>刪除線(xiàn)（無(wú)語(yǔ)義）

替代的標(biāo)簽：<ins><del>（加入了語(yǔ)義）

5、字符實(shí)體

（1）&nbsp；空格 &lt；&gt； &copy；版權(quán)符號(hào)

（2）理解：html 占用了的不顯示的特殊字符用另外的代替符號(hào)表示，使他們正常在 html 頁(yè)面上顯示

HTML 中，正確的字符編碼是什么？

HTML5 中默認(rèn)的字符編碼是 UTF-8。

這并非總是如此。早期網(wǎng)絡(luò)的字符編碼是 ASCII 碼。

后來(lái)，從 HTML 2.0 到 HTML 4.01，ISO-8859-1 被認(rèn)定為標(biāo)準(zhǔn)。

隨著 XML 和 HTML5 的出現(xiàn)，UTF-8 也終于到來(lái)了，解決了大量的字符編碼問(wèn)題。

下面是關(guān)于字符編碼標(biāo)準(zhǔn)的簡(jiǎn)短概述。

在開(kāi)始的時(shí)候：ASCII

計(jì)算機(jī)信息（數(shù)字、文字、圖片）在電子中是以二進(jìn)制 1 和 0（01000101）進(jìn)行存儲(chǔ)的。

為了規(guī)范字母數(shù)字字符的存儲(chǔ)，創(chuàng)建了 ASCII（全稱(chēng) American Standard Code for Information Interchange）。它為每個(gè)存儲(chǔ)字符定義了一個(gè)獨(dú)特的二元 7 位數(shù)字，支持 0-9 數(shù)字，大/小寫(xiě)英文字母（a-z、A-Z）和一些特殊的字符，比如 ! $ + - ( ) @ < > 。

由于 ASCII 使用一個(gè)字節(jié)（7 位表示字符，1 位表示傳輸奇偶控制），所以它只能表示 128 個(gè)不同的字符。這些字符中有 32 個(gè)被保留作為其他控制目的使用。

ASCII 的最大的缺點(diǎn)是，它排除了非英文字母。

ASCII 今天仍然在廣泛使用，尤其是在大型計(jì)算機(jī)系統(tǒng)中。

如需深入了解 ASCII，請(qǐng)查看完整的 ASCII 參考手冊(cè)。

在 Windows 中：ANSI

ANSI（也稱(chēng)為 Windows-1252），是 Windows 95 及其之前的 Windows 系統(tǒng)中默認(rèn)的字符集。

ANSI 是 ASCII 的擴(kuò)展，它加入了國(guó)際字符。它使用一個(gè)完整的字節(jié)（8 位）來(lái)表示 256 個(gè)不同字符。

自從 ANSI 成為 Windows 中默認(rèn)的字符集，所有的瀏覽器都支持 ANSI。

如需深入了解 ANSI，請(qǐng)查看完整的 ANSI 參考手冊(cè)。

在 HTML 4 中：ISO-8859-1

由于大多數(shù)國(guó)家使用 ASCII 以外的字符，在 HTML 2.0 標(biāo)準(zhǔn)中，默認(rèn)的字符編碼更改為 ISO-8859-1。

ISO-8859-1 是 ASCII 的擴(kuò)展，它加入了國(guó)際字符。與 ANSI 一樣，它使用一個(gè)完整的字節(jié)（8 位）來(lái)表示 256 個(gè)不同字符。

如果 HTML 4 網(wǎng)頁(yè)使用了不同于 ISO-8859-1 的字符集，則需要在 <meta> 標(biāo)簽中指定，如下所示：

實(shí)例

<metahttp-equiv="Content-Type"content="text/html;charset=ISO-8859-8">

如需深入了解 ISO-8859-1，請(qǐng)查看完整的 ISO-8859-1 參考手冊(cè)。

在 HTML5 中：Unicode（UTF-8）

由于以上所列的字符集是有限的，在多語(yǔ)言環(huán)境中是不兼容的，所以 Unicode 聯(lián)盟（Unicode Consortium）開(kāi)發(fā)了 Unicode 標(biāo)準(zhǔn)（Unicode Standard）。

Unicode 標(biāo)準(zhǔn)覆蓋了（幾乎）所有的字符、標(biāo)點(diǎn)符號(hào)和符號(hào)。

Unicode 使文本的處理、存儲(chǔ)和運(yùn)輸，獨(dú)立于平臺(tái)和語(yǔ)言。

HTML5 中默認(rèn)的字符編碼是 UTF-8。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

當(dāng)瀏覽器在網(wǎng)頁(yè)中檢測(cè)到 ISO-8859-1 時(shí)，通常默認(rèn)為 ANSI，因?yàn)槌?ANSI 有 32 個(gè)額外的字符這一點(diǎn)，其他方面 ANSI 基本等同于 ISO-8859-1。

HTML5 中默認(rèn)的字符集是 UTF-8。

所有的 HTML 4 處理器都支持 UTF-8，所有的 HTML5 和 XML 處理器都支持 UTF-8 和 UTF-16。

在線(xiàn)咨詢(xún)

上一篇：程序員怎么寫(xiě)好一份簡(jiǎn)歷
下一篇：給大家分享HTML中的一些干貨

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷(xiāo)服務(wù)商