HTML Unicode（UTF-8）參考手冊

nicode 聯盟（Unicode Consortium）

Unicode 聯盟（Unicode Consortium）開發了 Unicode 標準（Unicode Standard）。他們的目標是使用標準的 Unicode 轉換格式（即 UTF，全稱 Unicode Transformation Format）取代現有的字符集。

Unicode 標準是一個成功的創舉，在 HTML、XML、Java、JavaScript、E-mail、ASP、PHP 中都得到實現。Unicode 標準也得到許多操作系統和所有現代瀏覽器的支持。

Unicode 聯盟與領先的標準開發組織合作，這些組織有 ISO、W3C 和 ECMA。

Unicode 字符集

Unicode 可以由不同的字符集實現。最常用的編碼是 UTF-8 和 UTF-16：

字符集	描述
UTF-8	UTF8 中的字符可以是 1 到 4 字節長。UTF-8 可以代表 Unicode 標準中的任何字符。UTF-8 向后兼容 ASCII。UTF-8 是電子郵件和網頁的首選編碼。
UTF-16	16 位 Unicode 轉換格式是一種可變長度的 Unicode 字符編碼，能夠編碼整個 Unicode 指令表。UTF-16 主要用于操作系統和環境，如 Microsoft Windows、Java 和 .NET。

提示：Unicode 的前 128 個字符（與 ASCII 一一對應）使用一個與 ASCII二進制值相同的八位組進行編碼，使有效的 ASCII 文本在進行 UTF-8 編碼時也是有效的。

提示：所有的 HTML 4 處理器支持 UTF-8，所有的 HTML 5 和 XML 處理器支持 UTF-8 和 UTF-16！

HTML5 標準：Unicode UTF-8

因為 ISO-8859 中字符集大小是有限的，且在多語言環境中不兼容，所以 Unicode 聯盟開發了 Unicode 標準。

Unicode 標準覆蓋了（幾乎）所有的字符、標點符號和符號。

Unicode 使文本的處理、存儲和運輸，獨立于平臺和語言。

HTML-5 中默認的字符編碼是 UTF-8。

下面列出了一些 HTML5 支持的 UTF-8 字符集：

字符集	十進制	十六進制
C0 控制與基本的 Latin（C0 Controls and Basic Latin）	0-127	0000-007F
C1 控制與 Latin-1 的補充（C1 Controls and Latin-1 Supplement）	128-255	0080-00FF
Latin 擴展 A（Latin Extended-A）	256-383	0100-017F
Latin 擴展 B（Latin Extended-B）	384-591	0180-024F

如果 HTML5 網頁使用不同于 UTF-8 的字符，則需要在 <meta> 標簽中指定，如下：

實例

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登錄頁面</title>
    /*總體的樣式*/
    <style>
    	/*盒子樣式*/
        #box{
            width: 350px; //寬
            height: 450px; //高
            border: 1px solid black; //邊框
            border-radius: 10px; //邊框弧度
            font-family: 黑體; //字體
            letter-spacing:8px; //段間距
            word-spacing: 10px; //字間距
            line-height: 40px; //行高
            font-size: 18px; //字大小
            padding: 20px; //內邊框
        }
        /*給'注冊'賦予樣式*/
        .register{
            width:280px ; //寬
            height: 50px; //高
            background-color: skyblue; //背景顏色
            border-radius: 10px; //邊框弧度

        }
        /*將所有邊框都改變*/
        *{
            border-radius: 5px; 邊框弧度
        }
        /*使用class選擇器，賦予number寬高和邊框*/
        .number{
            width: 185px; //寬
            height: 27px; //高
            border-width: 1px; //邊框寬度

        }
        /*id選擇器*/
        #two{
            width: 55px; //寬
            border-width: 1px; 邊框寬度
        }
        /*id選擇器*/
        #phone{
            width: 103px; //寬
        }
        /*class 選擇器*/
        .boxs{
            zoom: 75%; //清除浮動
            color: darkgray; //顏色
        }
        /*class選擇器*/
        .box_a{
            width: 50px; //寬
            height: 50px; //高
            background-image: url("../image/04.jpg "); //背景圖片
            background-repeat: no-repeat; // 是否平鋪
            background-size: 50px 25px; //背景尺寸
            position: relative; //定位 相對定位
            left: 310px; //定位后左移
            bottom: 32px; //定位后下移

        }
    </style>
</head>
<body>
<div id="box">
    <h1>請注冊</h1>
<p style="color: darkgray">已有帳號?<a href="https://im.qq.com/index">登錄</a></p>
<form action="" method="post">
    <label for="name">用戶名</label>
    <input type="text" placeholder="請輸入用戶名" id="name" class="number"> <br>
    <label for="phone">手機號</label>
    <select name="" id="two" class="number">
    <optgroup>
        <option style="" class="">+86</option>
    </optgroup>
    </select>
    <input type="text" placeholder="請輸入手機號" id="phone" class="number"> <br>
    <label for="mima">密?碼</label>
    <input type="password" placeholder="請輸入密碼" id="mima" class="number"> <br>
    <label for="mima">驗證碼</label>
    <input type="password" placeholder="請輸入驗證碼" id="is" class="number">
    <div class="box_a"></div>
    <div class="boxs">
        <input type="radio" id="" class="accept">閱讀并接受協議<br>
    </div>
    <input type="submit" value="注冊" class="register" >

    </form>
</div>


</body>
</html>
在這里插入圖片描述

文檔移動到新的位置，我們需要向客戶端發送這個新位置時，我們需要用到網頁重定向。當然，也可能是為了負載均衡，或者只是為了簡單的隨機，這些情況都有可能用到網頁重定向。

重定向請求到另一個網頁的最簡單的方式是使用 response 對象的 sendRedirect() 方法。下面是該方法的定義：

public void HttpServletResponse.sendRedirect(String location)throws IOException

該方法把響應連同狀態碼和新的網頁位置發送回瀏覽器。您也可以通過把 setStatus() 和 setHeader() 方法一起使用來達到同樣的效果：

....String site = "http://www.run.com" ;response.setStatus(response.SC_MOVED_TEMPORARILY);response.setHeader("Location", site); ....

實例

本實例顯示了 Servlet 如何進行頁面重定向到另一個位置：

package com.runoob.test;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;/**
* Servlet implementation class PageRedirect
*/@WebServlet("/PageRedirect")public class PageRedirect extends HttpServlet{
 public void doGet(HttpServletRequest request,
 HttpServletResponse response)
 throws ServletException, IOException
 {
 // 設置響應內容類型
 response.setContentType("text/html;charset=UTF-8");
 // 要重定向的新位置
 String site = new String("http://www.runoob.com");
 response.setStatus(response.SC_MOVED_TEMPORARILY);
 response.setHeader("Location", site); 
 }}

現在讓我們來編譯上面的 Servlet，并在 web.xml 文件中創建以下條目：

....
<servlet>
 <servlet-name>PageRedirect</servlet-name>
 <servlet-class>PageRedirect</servlet-class>
</servlet>
<servlet-mapping>
 <servlet-name>PageRedirect</servlet-name>
 <url-pattern>/TomcatTest/PageRedirect</url-pattern>
</servlet-mapping>....

現在通過訪問 URL http://localhost:8080/PageRedirect 來調用這個 Servlet。這將把您轉到給定的 URL http://www.run.com。

在線咨詢

上一篇：用CSS 樣式做出簡單好看的按鈕「206」
下一篇：OAJava企業信息化系統

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

HTML Unicode（UTF-8）參考手冊

您的項目需求