整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          好程序員web前端培訓分享HTML元素強制不換行

          程序員web前端培訓分享HTML元素強制不換行,HTML 中 nowrap是用來強制不換行的

          在排版中

          對包裹plain text的標簽使用nowrap屬性即刻實現強制不換行.

          如:

          強制不換行

          在使用div的超文本中

          把div,h1,section,nav,a,li等元素 強制變成行內元素

          display:inline;

          然后就能夠像第一種情況一樣對其進行操作.

          例子: 父級nav限寬下ul元素強制不換行

          使子標簽ul自身有wrap-content(借用android layout的關鍵形容詞)的寬度

          nav>ul>li*10>a[href='#']{隨機鏈接$}

          nav{ 固定寬度width:40em; nowrap屬性white-space:nowrap; }

          ul,li,a{ 行內元素display:inline; 消除浮動float:none; }

          // li 變成inline是必要的

          當ul不為inline的時候,ul本身寬度最大值為父級nav的寬度;

          當ul為inline 的時候,ul寬度為wrap-content寬度.

          demo見我的導航

          HTML標簽相關的字符串格式化

          string nl2br ( string $string )

          nl2br() 就是將\n 替換成 <br> //javascript對\n才能夠執行換行,對</br>是不能執行換行

          htmlspecialchars() 把一些預定義的字符轉換為 HTML 實體。

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

          轉換以下字符及對應的實體

          & (和號) 成為 &
          " (雙引號) 成為 "
          ' (單引號) 成為 '
          < (小于) 成為 <
          > (大于) 成為 >

          第二個參數: ENT_COMPAT 只轉換雙引號, 保留單引號, 為默認值 compat: 兼容性

          ENT_QUOTES 同時轉換兩種引號 quotes: 引號

          ENT_NOQUOTES 不對引號進行轉換

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

          輸出結果:John & " 'Adams'

          John & " 'Adams'

          John & " 'Adams'

          htmlentities() 可以將所有的非ASCII碼字符轉換為對應的實體代碼;除字母、數字、\外, 漢字和鍵盤上其他字符都轉換

          <?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>
          ?>

          返回的結果:A 'quote' "is <b>bold</b>

          A 'quote' "is <b>bold</b>

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

          htmlspecialchars()和htmlentities()函數對于轉義字符"\"處理,不會轉義實體代碼,要么當轉義字符對待,要么原樣輸出;

          PHP中htmlentities和htmlspecialchars的區別

          這兩個函數的功能都是轉換字符為HTML字符編碼, 特別是url和代碼字符串。防止字符標記被瀏覽器執行。

          使用中文時沒什么區別, 但htmlentities會格式化中文字符使得中文輸入是亂碼。

          htmlentities轉換所有的html標記, htmlspecialchars只格式化& ' " < 和 > 這幾個特殊符號

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

          這些預定義字符是:單引號 (') 雙引號 (") 反斜杠 (\) NULL字符(\x00)

          提示:該函數可用于為存儲在數據庫中的字符串以及數據庫查詢語句準備合適的字符串。

          注釋:默認情況下,PHP 指令 magic_quotes_gpc 為 on,對所有的 GET、POST 和 COOKIE數據自動運行 addslashes()。

          不要對已經被magic_quotes_gpc轉義過的字符串使用 addslashes(),因為這樣會導致雙層轉義。

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

          在本例中,我們要向字符串中的預定義字符添加反斜杠:

          <?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() 刪除反斜線("\")

          在提交的表單數據中 ' " \ 等字符前被自動加上一個\ ,這是配置文件php.ini中選項magic_quotes_gpc在起作用,

          默認是打開的,如果不處理則將數據保存到數據庫時,有可能會被數據庫誤當成控制符號而引起錯誤。

          通常htmlspecialchars()和stripslashes()函數復合的方式,聯合處理表單中的提交的數據htmlspecialchars(stripslashes())

          strip_tags()

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

          剝去 HTML、XML 以及 PHP 的標簽。

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

          輸出結果:Hello world!

          實例:

          <?php
          $str = "<b>webserver;</b> & \ 'Linux' & Apache";
          echo "$str"; //直接輸出
          echo "<br/>";
          echo htmlspecialchars($str,ENT_COMPAT); //只轉換雙引號,為默認參數
          echo "<br />";
          echo htmlspecialchars($str,ENT_NOQUOTES); //不對引號進行轉換
          echo "<br />";
          echo htmlspecialchars($str,ENT_QUOTES); //同時轉換單引號和雙引號
          echo "<br />";
          echo htmlentities($str); //將所有的非ASCII碼字符轉換為對應的實體代碼
          echo "<br />";
          echo addslashes($str); //將" ' \ 字符前添加反斜線
          echo "<br />";
          echo stripslashes($str); //刪除反斜線
          echo "<br />";
          echo strip_tags($str); //刪除<html>標記
          ?>

          輸出結果:

          webserver; & \ 'Linux' & Apache

          TML標簽

          基本標簽

          HTML頁面中內容是由HTML標簽組織起來的,如頁面中的文本、圖像、Flash視頻文件等都是通過HTML標簽合理地顯示在頁面的各個位置。



          1 標題標簽<h1>~<h6>

          標題標簽表示一段文字的標題(主題),并且支持多層次的內容結構。HTNL.共提供了6級標題,分別為<h1>~<h6>,并賦予了標題一定的外觀,所有標題字體加粗,其中山<h1>字號最大,<h6>字號最小.


          2.圖像標簽<img>

          在網頁中常用的圖像格式有4種,即JPG、GIF、BMP.PNG,其中使用比較多的是JPG、GIF和PNG,大多數瀏覽器都可以顯示這些圖像。


          顯示圖像的語法:

          < img src="ur1" alt="文本" width="x" height="y"/>


          在語法中:

          a、SrC屬性:表示顯示圖像的地址。

          b、alt屬性:指定圖像的替代文本,當圖像無法顯示時(如圖片路徑錯誤或網速太慢等)替代顯示的文本,這樣,即使圖像無法顯示,用戶還可以看到網頁丟失的信息,所以為頁面上的圖像都加上替換文本屬性是個好習慣,這樣有助于更好地顯示信息,并且對于那些使用純文本瀏覽器的人來說是非常有幫助的。

          c、width屬性:表示圖像寬度.

          d、height屬性:表示圖像高度。


          3.段落標簽<p>

          顧名思義,段落標簽表示將一段文字組成一系列段落內容,這樣做的目的是內容應用某些格式和布局,使各個段落的邏輯更清晰明了。在HTML文檔中,段落通過<p>標簽定義。段落標簽<p>表示段落的開始,</p >表示段落的結束。


          4.換行標簽<br/>

          在希望不產生一個新段落的情況下進行換行,則使用<br>標簽。<br>是一個空的HTML標簽,由于關閉標簽沒有任何意義,因此它沒有結束標簽。


          注意:

          使用<b>和<br>的結果一樣,在XHTML以及未來的HTML版本中,根據W3C規范,不允許使用沒有結束標簽的HTML元素,因此使用<br>頁面更規范,有更長遠的保障。


          5.水平線標簽<hr/>

          水平線標簽表示一條水平線,注意該標簽與<br>標簽一樣,沒有結束標簽,直接使用<hr/>表示標簽的開始和結束。

          使用以上講解的基本標簽,就可以進行網頁內容排版了。


          主站蜘蛛池模板: 国精产品一区一区三区有限公司| 91一区二区三区| 亚洲香蕉久久一区二区三区四区| 国产一区二区福利| 无码人妻视频一区二区三区 | 在线观看一区二区精品视频| 亚洲福利精品一区二区三区| 久久精品人妻一区二区三区| 国产亚洲3p无码一区二区| 日本一区二区三区精品中文字幕| 日韩精品一区二区亚洲AV观看| 中文乱码人妻系列一区二区| 波霸影院一区二区| 亚洲国产一区在线| 国产在线一区二区三区av| 国产日韩精品一区二区三区在线| 末成年女AV片一区二区| 国产一区二区在线| 99精品久久精品一区二区| 精品欧洲av无码一区二区14| 国产成人无码aa精品一区| 国产午夜精品一区二区三区漫画| 99精品国产高清一区二区麻豆| 视频一区在线免费观看| 亚洲午夜一区二区电影院| 国产精品一区二区电影| 性无码免费一区二区三区在线 | 久久亚洲综合色一区二区三区| 毛片一区二区三区| 99久久国产精品免费一区二区| 国内精品视频一区二区八戒| 久久久久人妻一区二区三区| 国产福利电影一区二区三区,免费久久久久久久精 | 国产激情一区二区三区四区 | 亚洲成AV人片一区二区| 国产综合精品一区二区| 无码人妻精品一区二区三区久久| 日韩一区二区三区视频久久| 国产精品高清视亚洲一区二区| 中文字幕一区二区三区日韩精品| 在线一区二区三区|