您的位置:68399皇家赌场 > 服务器租用 > html学习笔记二

html学习笔记二

发布时间:2019-05-07 21:55编辑:服务器租用浏览(148)

    一.母板中的标签的意思

    1.一< Doctype html/ > 申明文书档案类型为HTML

    一.贰< meta charset="UTF-8"/ > 设当前网页的字符编码为UTF-8

    1.3< meta name="keyword" content="关键字"/ > 用于SEO的搜索

    一.四< meta name="discription" conten="描述"/ > 用于SEO寻找上面包车型地铁叙说消息

    1.伍< title > HTML文件的名字

    上学HTML的率先次课,学习HTML第3次课

    一、HTML骨架

    2.标签

    < h一-h陆 > 共陆级标题,h三只好使用一遍,有利于SEO寻找

    < p > < /p > 段落标签

    < br/ > 换行

    < hr/ > 一条长线

    < a href = "#" > 链接

    < marquee > < /marquee > 滚动 属性 behavior(滚动方式)和direction(滚动方向)

    一.母板中的标签的含义

    一.一< Doctype html/ > 表明文书档案类型为HTML

    一.二< meta charset="UTF-捌"/ > 设当前网页的字符编码为UTF-8

    1.3< meta name="keyword" content="关键字"/ > 用于SEO的搜索

    1.四< meta name="discription" conten="描述"/ > 用于SEO搜索上边的叙述音信

    一.5< title > HTML文件的名字

    专门的学业的骨子:

    叁.特殊符号

    & nbsp 空格

    & copy 版权号

    & gt 大于号

    & lt 小于号

    & amp &号

    & times 叉号

    2.标签

    < h一-h陆 > 共6级标题,h二只可以利用一回,有利于SEO找寻

    < p > < /p > 段落标签

    < br/ > 换行

    < hr/ > 一条长线

    < a href = "#" > 链接

    < marquee > < /marquee > 滚动 属性 behavior(滚动形式)和direction(滚动方向)

    1           <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    2           <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

    3           <head>

    4                  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    5                  <title>Document</title>

    6           </head>

    7           <body>

    8                 

    9           </body>

    10       </html>

    三.特殊符号

    & nbsp 空格

    & copy 版权号

    & gt 大于号

    & lt 小于号

    & amp &号

    & times 叉号

    1.母板中的标签的含义 壹.1 Doctype html/ 注脚文书档案类型为HTML 一.二 meta charset="UTF-捌"/ 设当前网页的字符编码为...

    壹.文书档案表明头

    其余一个标准的HTML页面,第一行一定是多少个以

    1           <!DOCTYPE ……

    起来的口舌。

    那一行,正是文书档案表明头,DocType Declaration。此标签可告知浏览器文档使用哪一类 HTML 或 XHTML 标准。

    究竟有如何标准呢?

    首先大家先分明一件事儿,大家明天求学的是HTML4.01其1本子,那一个版本是IE6起首包容的。HTML五是IE玖开起来包容的。然则IE六、七、八这一个浏览器还不可能太早的淘汰,所以这几年网页依旧应当用HTML四.0壹来制作。手提式有线电话机、移动端的网页,就能够动用HTML5了。

     

    HTML肆.0第11中学间有两大种标准,每大种标准内部又各有叁种小标准。所以1共各个标准(见上边):

    HTML四.0一之中规定了一般、XHTML两大种规范。

    HTML感到温馨有部分显著十分大心,比如,标签是还是不是能够用大写字母呢?

    1           <H1></H1>

    为此,HTML就觉着,把部分正式严苛的行业内部,又制订了2个XHTML一.0。在XHTML中的字母X,表示“严厉的”。

    计算一下,一共有6种DTD,说白了,HTML第1行语句1共有陆种:

    大规范        

    里面的小规范

    HTML4.01

    Strict        严格的,体现在一些标签不能使用,比如u

    Transitional   普通的

    Frameset     带有框架的页面

    XHTML1.0

    严格体现在小写标签、闭合、引号

    Strict          严格的,体现在一些标签不能使用,比如u

    Transitional    普通的(所学习的版本)

    Frameset      带有框架的页面

    strict意味着“严苛的”,那种形式里面包车型客车供给进一步严俊。这种严格映今后何地?有局地标签不能够动用。

    举例,u标签,正是能够让二个本文加上下划线,然而那和HTML的真面目有抵触,因为HTML只好承担语义,不可能承受样式,而u那些下划线是体制。所以,在strict中是无法使用u标签的。

    Transitional代表“普通的”,那种情势正是未有一点点其他专门的工作。

    Frameset代表“框架”,在框架的页面使用。

    所学习的就是XHTML一.0中的transitional版本。因为大家的页面中有时候要运用一些类似u那种标签(当做CSS钩子)。

    sublime输入的html:xt  x表示XHTML,t表示transitional

    HTML5中十分的大的简化了DTD,也正是说HTML5中就不曾XHTML了

    2. 字符集

    1           <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    字符集用meta标签定义,meta代表“元”。“元”配置,正是意味基本的安顿项目。

    charset就是charactor set“字符集”的意思。

    中文能够运用的字符集三种:

    第一种:UTF-8

    1           <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    第二种:gb2312

    1           <meta http-equiv="Content-Type" content="text/html;charset=gb2312">

    也足以写成gbk

    2           <meta http-equiv="Content-Type" content="text/html;charset=gbk">

     

    有八个字库UTF-八和gb2312。

    UTF-8是国际通用字库,里面含有了全数地球上存有人类的语言文字,比如阿拉伯文、中文、韩语……

    gb231二是国家规范,是炎黄的字库,里面带有了汉字和一部分常用外文,举个例子日文片假名,和大面积的标识。

    字库规模:  UTF-八(字全) > gb231二(唯有汉字)

    大家用meta标签能够注明当前那么些html文书档案的字库,可是毫无疑问要和保存的系列一样,否则乱码!(入眼)

     

    图片 1

    只顾,由于UTF-8里面保存了社会风气上有所人类语言,所以描述叁个中中原人民共和国字供给的码更多。

    UTF-八里面储存1个汉字2个字节。而gb231第22中学贮存3个中华夏族民共和国字2个字节。

    封存大小:   UTF-捌(更臃肿、加载越来越慢) > gb231二 (越来越小巧,加载更加快)

    总结:

    UTF-捌 字多,有各类国家的言语,可是保存尺寸大,文件臃肿;

    gb231贰字少,只用粤语和个别外语和标识,可是尺寸小,文件小巧。

    三.关键字和页面描述

    meta除了能够安装字符集,还足以设置重大字和页面描述。

    设置页面描述:

    1           <meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />

    如果设置的Description页面面熟,那么百度寻觅结果,就可见显得那么些讲话,本条技巧叫做SEO,search engine optimization,寻觅引擎优化。图片 2

    空洞一下:

    1           <meta name=”” content=”” />

    name就是“名字”的意思,content是“内容”的意思。

    也正是说,大家定义了3个名字是“Description”(描述)的meta。内容是今日头条是中中原人民共和国超过……

    概念关键词:

    1           <meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />

    那么些注重词,正是报告寻找引擎,这么些网页是干嘛的,能够加强寻觅命中率。让外人能够找到您,搜索到你。

    Keywords就是“关键词”的意思。

    为此,一个比较完整的骨架是这么:

    1           <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    2           <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

    3           <head>

    4                  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    5                  <meta name="Keywords" content="牛逼,很牛逼,特别牛逼" />

    6                  <meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />

    7                  <title>Document</title>

    8           </head>

    9           <body>

    10             

    11       </body>

    12       </html>

    第陆行 :   字符集设置

    第5行: 关键词

    第6行: 描述

    4. title标签

    1           <title>网页的标题</title>

    title也是带动SEO搜索引擎优化的:图片 3

    贰、HTML的着力语法特性

    本文由68399皇家赌场发布于服务器租用,转载请注明出处:html学习笔记二

    关键词: 68399皇家赌场

上一篇:foreach, for in, for of 之间的异议

下一篇:没有了