首页 > 新闻中心> 广州校区 >正文

学习html应该了解哪些概念?粤嵌给你解答

更新时间: 2018-11-07 15:24:08来源: HTML5培训

    说起html ,第一反应是,前端工作中用它,它叫超文本标记语言。so,我们真的懂它吗?
    1.如何理解它的名字?
    A.HTML的“超文本”指,除了文字这种纯文本外,它还可以表示图片、视频、音频等不是文本的内容。
    B.HTML的“标记”指,HTML用标签定义网页中的内容,以便浏览器能准确把这些内容展示出来。
    C.HTML的“语言”指,它是与浏览器沟通的语言,浏览器通过听懂HTML这种特殊的语言,准确显示网页内容。
    就名称来看,HTML是一门语言?它有单词吗?单词组成句子有语法吗?这个语言是谁用的呢?
    2.如何理解它是一门语言?
    HTML作为一门特殊的语言,可类比汉语、英语:
    A.标签:可理解为HTML的单词;跟人类语言的单词有含义一样,每个HTML标签也有不同的语义,如<header>表示头部,<nav>表示导航。跟英语相比,HTML的单词数很少(114个,常用的也就那么十几二十个吧?)。
    相比记忆,学会查找或许更重要。MDN(HTML 元素参考)和W3C(HTML 教程)是不可或缺的查找字典。
    B.元素:一个开始标签+内容+一个结束标签组成HTML的元素。一个元素可理解为HTML的一个句子;虽然大多数元素有结束标签,但也有例外,如<img>。
    C.html文件:一个.html格式的文件就是一篇HTML的文章,可包含若干个元素。
    当阅读.html格式的文件时,正是因为标签有语义,即使不用浏览器将文件翻译出来(准确表达应该是渲染出来?姑且用“翻译”来理解吧),你也可以想象这篇文章想要表达一个什么样的网页。语义化标签组成的网页,可以让搜索引擎更好解析,有助于提高网页在搜索结果中的排名(seo优化)。
    3.它有语法吗?是什么?
    跟英语的单词,每个都有独特的用法一样,不同的HTML标签也有不同的用法。如大多数标签要求有结束标记;部分则不需要,如<img>。此外,想要写出能表达更多意思的句子,单词需与其他词搭配使用,同理,每个HTML标签也有搭配用法,称之为“属性”。如<img>的width、height,借助这两个属性,图片大小将更符合设计。
    随着表达的需要,语言的词库在不断更新,如出现网络新词;不常用、不方便使用(魑魅魍魉)的慢慢很少被使用,甚至被被弃用。随着网页表现形式的丰富,HTML的词库也在不断更新,HTML4.0、HTML5.0标准应运而生。相比,HTML5标准做出了<strike>被弃用,新增<aside>等变更。(HTML标准就是限制你这样写HTML文件,但不能那样写的规定)
    4.它是如何跟浏览器沟通的?
    HTML文件的每一部分,代表了浏览器解析文件所需的关键信息,方便浏览器能更好理解、准确解析:
    A.<!DOCTYPE html>:声明文档类型。当浏览器解析HTML文件时,会先查找此声明,以确定用哪种方式渲染网站。此语句相当于告诉浏览器:这是一个HTML文档,请按HTML5的标准解析它。
    B.<head></head>:描述网页的基础信息;如<title>标签定义的标题;<meta>标签定义的css 样式表、js文件、编码方式等。这些信息帮助浏览器更好的理解页面,如<meta chartset=UTF-8>告诉浏览器应使用utf编码。
    C.<body></body>:用若干个元素定义了用户在网页上看到的内容,如一张图、一段文字。元素中可以嵌套其他元素,使文件呈树状层级结构:

HTML5培训

    今天就讲到这里 希望对大家能有所帮助。一如既往,欢迎点评!

免费预约试听课

推荐阅读