本系列文章旨在记录和总结自己在Java Web开发之路上的知识点、经验、问题和思考,原来已经分享在我的CSDN博客,现在分享在头条,希望能帮助更多码农和想成为码农的人。版权声明:本文为CSDN博主「普通的码农」的原创文章,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/liyongyan1202/article/details/89064944
目录
- 介绍
- 核心思想
- 基本结构
- 文本信息
- 链接
- 表单
- 总结
介绍
前面的文章多次使用到了HTML(HyperText Markup Language,中文就是超文本标记语言)。这门语言可以使用任何的文本编辑器进行编写,写出的文档就是网页,只要将文件名以后缀 .html 结尾,浏览器就可以解释该文档,并以一定的格式呈现出来。
HTML是Web前端三剑客之一,主要是负责数据的结构、框架或骨架,表示哪些数据是标题啊、主体啊、导航啊、链接啊、表格啊、段落啊、图片啊、音频、代码啊等。简而言之,就是表示数据是什么。
核心思想
HTML的核心思想很简单,就是给你的信息打标记,举个例子:
XX爆炸性新闻这是标题>某年某月某日,某某发生某事。。。这是段落>其他事情。。。这是段落>这是一篇文章>
尖括号 < > 及其里面的词就是标记或者标签,只不过HTML标准里面用的是英文单词,我这只是用中文的词来说明这个思想。
标记有开始标记和结束标记,结束标记里面多一个正斜杠,就是 > 。
真正的信息(就是要呈现给用户看的)就写在开始标记和结束标记之间,这就是标记的内容。有时候没有内容,开始标记和结束标记可以合二为一,变成 < /> ,就是把正斜杠写到右尖括号前面,或者省略正斜杠。
标记及其内容合起来叫做元素,比如例子中的开始标记和结束标记文章>及其之间的内容就是一个元素。可以看到元素可以嵌套,就是元素里面的内容可以再次包含元素,不过开始标记和结束标记要注意遥相呼应,事实上,编写的时候可以采用缩进来增加层次感且不易出错。
元素还有属性,属性可以有属性值,也可以没有,这些后面再讨论。这里要提到的是一个编写规范,不管是标记、属性还是值,习惯上都采用英文小写单词用连字符(就是短横线、减号)相连。表单中的需要发往Web服务器的数据可以使用后端的开发规范。
每一个元素都可以设置一个id属性,其值必须在该网页中是唯一的。
目前HTML的版本是HTML5,大多数浏览器版本都支持大部分常用的特性。再次强调,HTML的主要思想就是给你的信息打标记,这些标记表示数据的结构、框架或骨架,就是语义,至于数据如何呈现(比如呈现在哪个位置,什么颜色、字体、背景等等)和动态行为是由CSS(层叠样式表,Cascading Style Sheets)和JavaScript来负责。它们都由浏览器来解释执行。
基本结构
HTML5的网页基本都有如下结构:
这里是网页的标题
可以看到,基本结构就是由各种标记组成的,只不过标记使用的是英文单词,而且这些标记都是标准化(这样各家浏览器都能识别)了的,浏览器必须识别它们。这些标记也很语义化(这样人类能容易识别,便于开发和维护网页),基本上都是使用语义相对应的英文单词或缩写,这也是理所当然的,便于记忆和使用嘛。
基本结构里面包含以下几点:
- 第一行的DOCTYPE声明了本网页是HTML5网页,根据HTML网页的编写规范,基本上这个词是网页文档中唯一的大写单词;
- 元素:所有信息都包含在这个元素里面,没什么可说的,不过该元素有一个属性lang,在这个网页中,