HTML、CSS、网页知识的初步认知和看法
最近读了本《Head First HTML与CSS、XHTML_ElisabethFreeman》,
一本2008年介绍HTML和CSS的书籍,一本图文并茂的书籍,吸引写作风格,十分有趣。
书内资料已不能访问:http://www.headfirstlabs.com/books/hfhtml/
参考此链接:https://resources.oreilly.com/examples/9780596101978
HTML的历史 (不全面)
HTML发展历史在1989年有了HTML1.0,1991年有了HTML2.0,1995年有了HTML3。这段时间内是没有统一的标准,各家都想用自己的方案掌握Web的话语权。1998年4月世界万维网联盟(俗称W3C),用两种语言分离出HTML的表达式和结构。一种是规范结构的语言(HTML 4.0),另一种用于规范表达式(CSS),并说服浏览器生产者去采用此标准设计产品。1999年推出了HTML4.01,到了2000年结合另外一种标记语言XML的XHTML4.01被推出。意在替代HTML 4.01,可惜呀,到了2014年HTML5推出,CSS版本来到了CSS3。
基于不同HTML标准(如HTML4.01、XHTML)编写文件,实现网页结构组织,结构如链接、标题、段落等。再采用CSS建立规则改变网页的表现效果,显示效果如改变网页背景色、标题字体等。通过软件去校验文件判断是否符合标准,可避免出现在不同浏览器显示文件的差异。将编写完毕的网页放到Web服务器发布,朋友们即可通过浏览器请求获取到页面。
Web服务器是连接到互联网的计算机,不知疲倦的处理浏览器的各种请求。Web浏览器请求HTML页面,并在浏览窗口解析显示它。
HTML语言
HTML是一种语言,它是你与web沟通的语言,告诉浏览器想法的语言,它能赋予文本结构,显示出链接、标题等。语言基本组成是元素,元素一般是由开始标记+内容+结束标记。标记(标签)是用尖括号括起来的字母或者单词,例如 `<head>,<h1>` 等。开始标记和结束标记的差异结束标记带有在于斜杠" / "。标记告诉浏览器结构,一般是成对包围文本 `<h1>标题1</h1>` ,也有例外的速记符号如图片调用 `<img>` 、换行标记 `<br>` 等会单独出现。由HTML语言中元素所文件告诉浏览器,当前文件的的结构,指明了哪里是主体,哪里是标题,哪里是段落,哪里需要强调等,创建出更具意义和可读性的页面。在得到以上信息后,浏览器会按照默认的规则来显示每个元素。然而,你不必勉强接受默认的设置,通过CSS语言可以添加自己的样式和格式规则,从而决定字体、颜色、大小及其他个性化的特征。
通过任一文本编辑器,采用标准内的标记书写出的文件,由于HTML和CSS是基于工业标准的语言,这意味着所有的浏览器只要是支持HTML和CSS,显示效果将大差不差,非常接近,浏览器可多选几家对比如:Firefox、Chrome、Edge等。
文件编辑器可不用Dearmweaver,FrontPage和Golive等功能强大网页设计软件,即使记事本也能完成编写,建档的有助于提高HTML了解。标准总是会修改的,软件工具不一定即使调整强大的工具能提供效率,功能太多反而不知所措。
CSS语言
CSS和HTML是两门独立的语言,HTML对网页结构调整,HTML默认是会去关联浏览器的默认样式,通过CSS对网页样式调整,分两者工合作制作出效果更佳的页面。CSS中简单的表达式称为规则,典型的规则包括一个选择符、若干属性和属性值。
元素`<p>`和元素`h1`的样式标题修改,可采用下述的代码。这是去除了尖框号的p、h1被称作“选择符”不同选择符修改相同的属性,则可叠加在一起书写。
创建新的css文件,文件内不需要复制元素`style`,增加对选择符p、h1进行修改。
在原来的HTML文件内部网页信息元素`<head>`,增加元素link到指定的CSS文件,额外的属性rel和href。
元素`<p class="greentea">`增加属性class(类),对此元素单独段落进行标记,文件创建这个类的选择符,可实现对这段样式调整。如元素blockquote也要相同的调整,则可增加相同名称的属性,类类似下文对CSS文件内容进行编写。
其实对于要对元素应用相同的选择符,则可以是 .classname 统一的样式调整。
名词
HTML:HyperText Markup Language,超文本标记语言
CSS:cascading style sheet,层叠样式表、级联样式表、串联样式表
XHML:EXtensible HyperText Markup Language,扩展超文本标记语言
XHTML是结合了HTML结合了可扩展标记语言XML