前端学习第一章——了解HTML大概内容

目录

HTML是什么?

HTML有什么作用?

HTML的特点!

HTML编写工具

HTML主框架

head标签的作用

body标签的作用

浏览器支持

标签、属性以及属性值

meta标签

name属性

contect属性

http-equiv属性

title标签

head中的其他标签


HTML是什么?

HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果(如[CSS]),或功能与行为(如 [JavaScript])。

HTML有什么作用?

设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标,Internet就会马上转到与此图标相关的内容上去,而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部(Head)、主体(Body)两大部分,其中头部描述浏览器所需的信息,而主体则包含所要说明的具体内容。

  • 用户体验,例如title、alt用于解释名词或解释图片信息、label标签的活用;
  • 有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取更多的有效信息:爬虫依赖于标签来确定上下文和各个关键字的权重;
  • 方便其他设备解析(如屏幕阅读器、盲人阅读器、移动设备)以意义的方式来渲染网页;
  • 便于团队开发和维护,语义化更具有可读性,下一步把网页的重要动向,遵循W3C标准的团队都遵循这个标准,可以减少差异化。

HTML的特点!

HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:

  • 简易性,HTML版本升级采用超集方式,从而更加灵活方便。
  • 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。
  • 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上。

HTML编写工具

  1. Vs code
  2. HBuilder
  3. Adobe Dreamweaver CS
  4. SublimeText
  5. Notepad

最常用的工具就是Vs codeHBuilder,一款是国外的编辑器,微软开发的,而HBuilder是我们国产的开发工具,比较专注于前端开发和小程序App等开发

HTML主框架




    
    
    
    Document


    


前端学习第一章——了解HTML大概内容_第1张图片

head标签的作用

标签用于定义文档的头部,它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。

文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

说白了就是将没有实际用处(看不见)的标签放在head里面,比如CSS效果,JavaScript效果,SEO关键词等等。

下面这些标签可用在 head 部分:

, , , 
                    
                    

你可能感兴趣的:(前端学习入门到精通,HTML5基础知识,前端,html,html5,css3,网页设计)