html中字符集"UTF-8" 有什么特别之处吗?

html-css010

html中字符集"UTF-8" 有什么特别之处吗?,第1张

特别之处没有,就是设置网页的字符集,告诉浏览器以此种编码解释该页面。

1、字符集在网页中的设置方法为:

<meta charset="utf-8">//也可以使用其他字符集

2、如果在网页中声明的字符集与文件本身保存的编码字符集不一致时就会导致浏览器解析该页面为乱码。如声明为utf-8,用编辑器保存该页面时保存的编码是gb2312,则此时浏览器就会以utf-8的编码去解释gb2312的字符就会显示乱码,所以两者一定要一致才能正常显示。

基本沿用了html基础语法。但更简洁更人性化,主要有以下5点:

<!doctype html>

   字符集设置

<meta charset="utf-8">

   不允许写的结束符的标签: area、basebr、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr

  可以省略结束符的标签: li、dt、dd、p、rt、optgroup、option、colgroup、thread、tbody、tr、td、th

  新增结构化标签 :

        从<div>...<div/>派生而出

    (1)header标签 :顾名思义,header标签用于将 HTML 页面的一部分标记为页眉。

    (2)section标签 :section标签用于标识页面上的重要内容部分。该标签有点类似于将一本书分成几个章节。

   (3)article标签 :article标签标识了 Web 页面中的主要内容。以博客为例,每篇帖子都构成一个重要内容。

    (4)aside标签 :aside标签表示标签中包含的内容与页面主要内容相关,但不是该页面的一部分。这有点类似于使用括弧对正文进行注释(就像这样)。括弧中的内容提供关于该元素的一些附加信息。

    (5)footer标签 :footer标签将所包含的元素内容标记为文档的页脚。

  ( 6)nav标签 :nav标签中包含的内容主要用于导航。

示例:

新增媒体标签:

video

audio

embed

<input type="checkbox" checked/>

写明表示true;否则false

不区分大小写,与xhtml不同

单双引号皆可,有空格时不行。

首先要明白,

<meta charset="UTF-8">

是设置网页文件展示时使用的字符集(编码),那其实除了网页文件展示时有编码以外,网页文件本身还有编码。必须两者统一时才不会乱码。

举个例子(此处用Notepad++为例):

创建一个html文件,用Notepad++打开,先把文档结构写好

test.html代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

</head>

<body>

<h1></h1>

</body>

</html>

写到这儿之后,改变Notepad++的编码,改为GB2312,如下图

改好之后再修改test.html文件,修改之后的代码如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>字符编码测试</title>

</head>

<body>

<h1>你好,世界!</h1>

</body>

</html>

用浏览器查看test.html,效果如下图

乱码了对吧?尝试修改网页显示的字符编码,将<meta

charset="UTF-8">修改为和Notepad++一致的GB2312

<meta charset="GB2312">

再次查看网页效果

这回正确了。

所以你将网页的显示字符集改为UTF-8说明你的编辑器可能采用的时其他字符集,你需要检查一下。

注意:

浏览器也可以设置字符集,不统一也可能导致乱码

一般建议统一使用UTF-8

使用UTF-8你乱码你需要检查到底时哪一步出了错误,是编辑器还是浏览器。

如果说网页时服务器生成的还需要将服务器的编码一并考虑进去