资讯专栏INFORMATION COLUMN

上云采购季！| 2核2G4M爆款云服务器低至59元/年，更有多台、长期优惠，快来选购！

立即前往
首页/文章专栏/初识HTML和WEB标准

初识HTML和WEB标准

zombieda / 3064人阅读

摘要：开始标签和结束标签也被称为开放标签和闭合标签。网页主要由三部分组成结构表现和行为对应标准也分三方面结构化标准语言表现标准语言行为标准。表现标准语言主要是，用于对网页进行美化。

初识HTML和WEB标准

什么是 HTML？

  • HTML 超文本标记语言的缩写(Hyper Text Markup Language)
  • HTML 并不是编程语言，而是一种标记语言(markup language)
    • 标记 <英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。
    • 标记语言 一套标记标签(markup tag)
    • 标记语言 和编程语言有一个编译过程不一样，它是直接将HTML页面交由浏览器解析执行的。
  • HTML 使用标记标签来描述网页，用于描述超文本内容的显示方式，如字体，颜色，大小等。
    • 超文本基本特征就是可以超链接文档。
    • 这些标记标签在浏览器解析完展示给用户看的时候是不会出现在页面的。

HTML 有什么用？

  • 作用 HTML用于描述文档语义。(html中，除了语义，其他什么都没有)

什么是HTML 标签？

* HTML 标记标签通常被称为 HTML 标签(HTML tag)
* HTML 标签是由尖括号包围的关键词，如。
* HTML 标签通常是成对出现的，如
和
。
* 标签对中的第一个标签是开始标签，第二个(通常带"/"号)标签是结束标签。
* 开始标签和结束标签也被称为开放标签和闭合标签。

HTML标签 有什么用？

  • 作用: 不同的HTML标签给文本不同的语义。
    • 面试的时候问你，h1标签有什么作用？
      • 正确答案: h1标签用于给文本增加主标题的语义，且一个页面中只能有一个h1标签(文章名称只能有一个)
      • 错误答案: h1标签用于给文字加粗，加黑，增大。

HTML 文档 = 网页

web 浏览器的作用是读取HTML文档，并将其以网页的形式显示，浏览器不会显示当中的HTML标签，而是使用标签来解析页面的内容。

  • HTML文档 用于描述网页。
  • HTML文档 包含HTML标签和纯文本。
  • HTML文档 被称为网页(通俗术语)
  • 网页 可以看成是由各种标记组成的一个页面。
    • 主页(首页) 网站的起始页面或者导航页面。

例：


    
    
        
        
 主标题：铁乐与猫学习HTML 

        
        
 正文段落：学习HTML的第一天。

WEB标准

  • w3c 万维网联盟组织，制定web标准的机构。
    • 官方链接：w3c官网
  • web标准 制作网页遵循的规范，它不是一个标准，而是一系列标准的集合。
  • 网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）
  • 对应web标准也分三方面：结构化标准语言、表现标准语言、行为标准。
    • 结构化标准语言：主要是XHTML和XML，用于描述网页。
    • 表现标准语言：主要是CSS，用于对网页进行美化。
    • 行为标准：主要包括对象模型（如W3C DOM）、ECMAScript等，JS让网页富有生命力，动态。

代码标准

  • 必須结束标记
    • HTML可以打开多个标签而不要求一定要写对应的结束标签来关闭它们。
    • 这在XHTML中是不合法的。另外约定俗成也必須带结束标记。
    • XHTML要求有严谨的结构，所有标签必须关闭。
    • 如果是多带带不成对的标签，在标签最后加一个"/"来关闭它。
      * 双边标记 * 单边标记
      转成
  • 小写元素
    • HTML对大小写不敏感，XHTML对大小写敏感。
    • XHTML要求所有的标签和属性的名字都必须使用小写。
    • 大小写夹杂也是不被认可的。
      • 例dreamweaver自动生成的属性名字"onMouseOver"也必须修改成"onmouseover"。
  • 合理嵌套
    • 所有的嵌套都必須按顺序。
      * 例

      必須修改为

    • 一层一层的嵌套必須是严格对称。
  • 属性值加引号
    • 在HTML中，没有强制给属性值加引号，但在XHTML中，必須被加引号。
      * 例必須修改为：
    • 特殊情况需要在属性值中使用双引号时可以用相应代表的特殊符号去引用。
  • 特殊符号
    * 任何小于号(<)，只要不是标签的一部分，都必须被编码为<
    * 任何大于号(>)，只要不是标签的一部分，都必须被编码为>
    * 任何与符号(&)，只要不是实体的一部分，都必须被编码为&
    * 注：上面的特殊符号中间没有空格，且后面带分号。
  • 所有属性赋值
    • XHTML规定所有属性都必须有一个值，没有值的就重复本身。
  • "--"在注释中
    • “--”只能发生在XHTML注释的开头和结束，也就是说，在内容中它们不再有效。

以上标准虽然只在XHMTL中要求规范，HTML中不算不合法，但程序员默认还是要遵循它们的。

HTML的基本语法特征

  • HTML对换行不敏感，对tab不敏感，换多少行和tab多少都不影响页面的结构。
    • HTML并不依靠缩进来表示嵌套，而是直接看标签的包裹关系。
    • 但是良好的缩进有助于阅读和理解代码，所以最好还是正确的使用缩进标签。
  • 空白折叠现象
    • HTML中所有的文字之间，如果有空格、换行、tab都只会被折叠成一个空格显示。
  • 标签要严格封闭

HTML与XHTML

  • XHTML：Extensible Hypertext Markup Language，可扩展超文本标注语言。
    • 在XHTML中的字母X，表示“严格的”。
    • XHMTL与HTML4.0的标记基本上一样。
    • XHTML不同于HTML4.0，可称之为严格严谨的、纯净的HTML。
    • XHTML的主要目的是为了规范HTML4.0，也可以理解为HTML4.0的升级版。
    • 但是真正的升级版，HTML5极大的简化了DTD(规范)，也就是说HTML5中就不用区分XHTML和HTML了。
  • HTML的标记书写很不规范，有可能会造成其它的设备(ipad、手机、电视等)无法正常显示。
    • HTML4.01里面规定了普通和XHTML两大种规范。
    • HTML4.01这个版本是IE6开始兼容的。
    • HTML5是IE9开始兼容的。

文：铁乐与猫

2018-5-21

参考：

1、HTML简介

2、html介绍和head标签

3、baidu百科：web标准

GPU云服务器 云服务器 符合web标准 docker初识 初识关系数据库 归档存储和 标准

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/2243.html

相关文章

  • 初识HTML

    摘要：简介超文本标记语言英语，简称是一种用于创建网页的标准标记语言。网页浏览器可以读取文件，并将其渲染成可视化网页。网页浏览器也可以引用层叠样式表来定义文本和其它元素的外观与布局。元素表示某些重要性的文本，强调文本，而元素表示某些相关性的文本。 HTML简介 超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是...

    wall2flower 评论0 收藏0

  • 初识React

    摘要：初识依稀记得那年参加线下活动，第一次听说这个词语，当时的主讲人是郭达峰，他播放了一个关于及的性能对比视频。合成事件会以事件委托的方式绑定到组件最上层，并且在组件卸载的时候自动销毁绑定的事件。 初识React 依稀记得2015那年参加线下活动，第一次听说React这个词语，当时的主讲人是郭达峰，他播放了一个关于ember、angular及react的性能对比视频： React.js Co...

    kuangcaibao 评论0 收藏0

  • react开发教程（－）初识

    摘要：定义一个组件可以在其他组件中调用这个组件调用组件刘宇组件插入内容在上面的案例中可以看到吧写到当中，这种写法称为。 React初识 React是Facebook推出的一个javascript库(用来创建用户界面的Javascript库)，所以他只是和用户的界面打交道，你可以把它看成MVC中的V(视图)这一层。 组件 React的一切都是基于组件的。web世界的构成是基于各种HTML标签的...

    Allen 评论0 收藏0

  • 初识Java（译）

    摘要：图片含义如下源代码程序编译器编译在执行字节码编译器会将源代码编译成字节码在虚拟机上执行字节码。字节码只能在上执行。的构成要素的构成如下图所示每一栏分别的含义如下源程序字节码编译调试程序等源代码由开发者编写。 源自Javaの道日语技术社区原文地址译者 梦梦的幻想乡見てくれてありがとうござい！！！ はじめてのJava 初识Java 本章将会对Java的执行顺序、Java的构成要素、Java...

    qqlcbb 评论0 收藏0

发表评论

登陆后可评论

0条评论

zombieda

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<