专栏首页yang0rangehtml基础知识

html基础知识

http

超文本传输协议,Hypertext Transfer Protocol。 这是一个文件的传输协议,我们上网的时候,所有的文件都是通过HTTP这个协议,从服务器上传输到客户的电脑里面的。

html

HTML是英语HyperText Markup Language的缩写,超文本标记语言。

现在的业界的标准,网页技术严格的三层分离:html就是负责描述页面的语义;css负责描述页面的样式;js负责描述页面的动态效果的。

文档声明头

任何一个标准的HTML页面,第一行一定是一个以

<!DOCTYPE ……

开头的语句。 这一行,就是文档声明头,DocType Declaration。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。 到底有哪些规范呢? HTML4.01这个版本,这个版本是IE6开始兼容的。HTML5是IE9开开始兼容的.但是手机兼容性更高。

HTML4.01里面有两大种规范

HTML4.01里面有两大种规范,每大种规范里面又各有3种小规范。所以一共6种规范

HTML4.01里面规定了普通、XHTML两大种规范。
HTML觉得自己有一些规定不严谨,比如,标签是否可以用大写字母呢?
1<H1></H1>
所以,HTML就觉得,把一些规范严格的标准,又制定了一个XHTML1.0。在XHTML中的字母X,表示“严格的”。

总结一下,一共有6种DTD,说白了,HTML第一行语句一共有6种:

strict表示“严格的”,这种模式里面的要求更为严格。这种严格体现在哪里?有一些标签不能使用。比如,u标签,就是可以让一个本文加上下划线,但是这和HTML的本质有冲突,因为HTML只能负责语义,不能负责样式,而u这个下划线是样式。所以,在strict中是不能使用u标签的。 Transitional表示“普通的”,这种模式就是没有一些别的规范。 Frameset表示“框架”,在框架的页面使用。

中文能够使用的字符集两种: 第一种:UTF-8

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

第二种:gb2312

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

也可以写成gbk

<meta http-equiv="Content-Type" content="text/html;charset=gbk">
有两个字库UTF-8和gb2312。
UTF-8是国际通用字库,里面涵盖了所有地球上所有人类的语言文字,比如阿拉伯文、汉语……
gb2312 是国标,是中国的字库,里面仅涵盖了汉字和一些常用外文,比如日文片假名,和常见的符号

meta除了可以设置字符集,还可以设置关键字和页面描述。 设置页面描述:

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

只要设置的Description页面面熟,那么百度搜索结果,就能够显示这些语句,这个技术叫做SEO,search engine optimization,搜索引擎优化。 定义关键词:

<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
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>
</html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 排版六原则

    几天后,就收到了秋叶老师的来信,希望与我探讨一些设计问题。他写过一本畅销书《说服力-让你的PPT会说话》,眼下正在写续集。

    ruanyf
  • td在relative模式下,IE9不显示border,chrome正常显示边框

    百度上怎么也搜不出答案,很奇怪的问题。在IE9的 F12调试中,明明td有1个像素的边框,偏偏不显示。

    申君健
  • 约翰·霍普金斯医学院的声明

    ruanyf
  • 【投资中的那些坑】开栏语

    很多人在投资中喜欢财聚人聚,财散人散,总往有钱的地方钻营。就象游牧民族,哪里水草肥美,就到哪里去。一旦情况不好,就会迅速退场。只能同甘,不能共苦。

    凌帅出口
  • 揭秘!程序员为什么会一直加班加班...

    老九君
  • 去解决更多的问题,而不是如何最好地解决一个问题

    有些人非常勤奋,别人休息和娱乐的时候,都在工作学习。但是努力了一辈子,人生也没有显著的提升,就像报道里经常说的:"某某在平凡的岗位上,勤勤恳恳工作了一辈子"。

    春哥大魔王
  • 业界 | 如何像程序员一样思考

    即使你的运气一向很好,这种方法也并不值得使用。事实上,它可能是最糟糕的解决方法,因为会浪费大量的时间。

    大数据文摘
  • 带字幕的Youtube

    现在有人就制作了一个网站YouTube Subtitle Editor,专门为Youtube加字幕。你可以先看一段动画片《蜘蛛人》的主题歌,体验一下效果。

    ruanyf
  • js的alert和confirm美化

    window对象的alert和confirm标准方法在不同浏览器的显示效果不太相同,有个相同点是都不是很美观。我们的想法是使用js和css分别仿照它们,提供另一...

    跟着阿笨一起玩NET
  • ASP.NET web.config中<customErrors>节点说明

    customErrors>节点用于定义一些自定义错误信息的信息。此节点有Mode和defaultRedirect两个属性,其中defaultRedirect属性...

    跟着阿笨一起玩NET

扫码关注云+社区

领取腾讯云代金券