假如我在用HTML+CSS程式设计，所以，我能称得上名开发者吗？
有好数次，自己说我算不上开发人员，即使我在用HTML + CSS程式设计。我十分难过，即使自己都不指出我是开发者。他们深入探讨了三四个半小时，网路上也有许多有关那个热门话题的深入探讨。但依然除了人驳斥这一点儿，所以瞧瞧他们在责任编辑中回去深入探讨几番。
在研讨以后，让他们先来介绍呵呵HTML + CSS的基本上知识。
依照维基：
LZ77记号词汇（英文：HyperText Markup Language，全称：HTML）是一类用作建立网页的国际标准记号词汇。这意味著你须要采用HTML来内部结构表明在网页上的文件格式。上面是两个基本上的HTML网页的范例：
<!DOCTYPE html><html><head> <!– Metadata goes here –></head><body> <!– Page content goes here –></body></html>除了HTML之外，你还可以利用CSS来美化网页。这就是为什么他们会结合二者采用。根据维基：
层叠样式表（英文：Cascading Style Sheets，缩写：CSS；又称串样式列表、级联样式表、串接样式表、阶层式样式表）是一类用来为结构化文件格式（如HTML文件格式或XML应用）添加样式（字体、间距和颜色等）的计算机词汇。上面是两个CSS文件的示例：
*{
box-sizing: border-box; max-width: 100%;
}
body{
font-size: 1.25rem; padding-bottom: 70px;
background: #fff;
}
程式设计词汇的结构
首先，我不止一次听说有人指出HTML + CSS没有程式设计结构。所以程式设计结构是什么？经过几番搜索后，我发现，现代程式设计语言的程式设计结构几乎都如出一辙。控制结构和数据结构。别着急，且听我慢慢道来。
控制结构
控制结构指的是，分析变量并依照给定的参数选择程序执行顺序的一块程序。
控制结构包括顺序控制、条件控制和循环控制。上面我来举例说明。我采用Ruby词汇来书写示例。别担心，Ruby很接近英文，十分易于理解。
顺序控制：逐条执行的指令。在上面的示例中，他们将执行一系列指令。
# Sequences control-structures## Set a new varibale age to 0.age = 0
## Then another varibale required_age to 15.required_age = 15
## Print this message “What is your age?” to the userputs “What is your age?”## Get the user input and store it in age. Type 14age = gets.chomp.to_i
## Print this message “You are 14 years old” to the userputs “You are #{age} years old”条件控制：假如条件为true，则执行此处的代码。程序依照条件的结果，决定要执行的代码块。# Condition Control Structure## Set a new varibale age to 15.age = 15
## Then another varibale required_age to 16.required_age = 16
## check if the user age is less than 16if age < 16
## If the condition is checked, print the message “Sorry, you cant pass the driver license!” to the user puts “Sorry, you cant pass the driver license!”else ## If the condition is not checked, print this message “Great! You can pass your driver license” to the user puts “Great! You can pass your driver license”end
上述指定的代码块将循环执行数次，直到条件成立为止。示例中的条件是“counter”等于5。因此，这则消息输出了5次。# Loop Control Structure## Set a variable “counter” to zerocounter = 1## Iterate through the loop as long as “counter” is less than 5while counter <=5 do ## Print “Get your driver license with LicenseGuru” puts “Get your driver license with LicenseGuru” ## Add 1 to the current value of counter counter+=1end所以，HTML+ CSS有这样的控制结构吗？你怎么看？数据结构
什么是数据结构？维基上说：
数据结构（英文：data structure）是计算机中存储、组织数据的方式。简单来说，数据结构表示组织数据、定义数据类型以及操作数据的方法。大多数程式设计词汇都有不同类型的数据，包括字符串、整数、布尔值、数组、对象…
所以，HTML + CSS也有这种数据结构吗？此外，除了人说HTML + CSS不具备图灵完备性——所以，图灵完备性又是什么？
我的第一反应也是发懵。但经过几个半小时的查阅后，我有了大致的介绍。
简而言之，在计算理论里，假如一系列操作数据的规则（如指令集、程式设计词汇、细胞自动机）可以用来模拟单带图灵机，所以它是图灵完备的。
图灵机是英国数学家艾伦·图灵于1936年提出的一类将人的计算行为进行抽象的数学逻辑机，其更抽象的意义为一类计算模型，可以看作等价于任何有限逻辑数学过程的终极强大逻辑机器。
图灵机是两个规则、状态和转换的系统，并不是指真正的机器。
如此说来，HTML + CSS确实不具备图灵完备性。即使HTML + CSS无法更改系统状态。也无法做出决策或依照输入更改状态……
所以，我还能说HTML + CSS是程式设计词汇吗？
CSS的控制结构
是的，你没看错，CSS有自己的控制结构方式。上面是一些范例。
顺序控制
与其他程式设计词汇一样，他们可以在CSS中逐行执行指令。
body{
// Set the background to white color background:#fff; // Set the font size to 20pxfont-size:20px;
// Set the background to yellowbackground:yellow;
// Set the font size to 14px font-size:14px
}
在上述代码中，第一条指令被覆盖， 所以最后的结果是：条件控制
@media screen and (max-width: 567px){
// Style 1}
@media screen and (max-width:900px){
// style 2}
在上述代码中，假如设备屏幕的最大宽度为567px，则应用样式1；假如最大宽度为900px，则应用样式2。因此，这就是两个条件控制。@supports(display: flex) {
navbar{
display:flex;
}
}
对于上述navbar的样式代码，假如用户的设备支持，则表明属性将设置为“flex”。你甚至可以采用关键字“not”书写false语句：@supportsnot (display: flex) {
div { float: left; } /* alternative styles */}
循环控制你是认真的吗？是认真的。CSS也有类似循环的指令。尽管看上去与其他程式设计词汇的循环有所不同。CSS的循环指令没有“for”循环或“while”循环。让他们看呵呵这段代码：
li a{
font-weight:700;
display: block;
padding: 15px;
margin-bottom:10px;
background:#333;
color:white;
text-align: center;
text-decoration: none;
}
li a.active{
background:red;
color:white;
}
第一段代码告诉浏览器循环遍历“li”元素内所有的“a”元素，然后应用给定的样式。第二段代码告诉浏览器再循环一遍。假如“a”元素的类为“active”，则应用给定的样式。因此，我结合采用了循环和条件控制。现在你是否同意HTML + CSS具有程式设计词汇结构？你同意？那太好了！他们之间达成了共识，你可以走了。
哦？你还在继续阅读？你除了疑问？所以瞧瞧我来一一解答吧。
假如有人说CSS具备图灵完备性，你会说什么？你无言以对，是吗？事实上，有一位名叫Eli Fox-Epstein的名人证明了这一点儿。他进行了一项实验，并证明HTML + CSS具备图灵完备性，而那个故事发生在2011年。有关的详细信息，请点击这里（https://accodeing.com/blog/2015/css3-proven-to-be-turing-complete）。
所以，你现在可以接受HTML + CSS是一类程式设计词汇了吗？
HTML + CSS就是当代网页的“双侠”（请参照电影《双侠》）。
对于全世界所有的网站而言，无论其服务器端的词汇是什么，前端都采用了HTML + CSS。
当目前为止，互联网路上的网站数目高达17亿，供44亿用户采用。而且那个数字还在不断增长。
这些网站又分为静态网站和动态网站。静态网站仅采用HTML + CSS构建。而动态网站还用到了其他词汇。
其他词汇是什么意思？
为了让HTML + CSS大放异彩，你还须要其他的程式设计词汇来润色。常见的程式设计词汇包括PHP、Python、Ruby、Javascript等等。Facebook、Twitter、Google和Medium都是动态网站。他们的网站因结合了多种词汇而得以蓬勃发展。
感谢您的阅读。假如你有不同的观点，请在下方留言。
原文：https://medium.com/swlh/the-most-used-and-unrecognized-programming-languages-b0882e8c8c6f?
【End】
热 文 推 荐
☞20行 Python 代码爬取王者荣耀全英雄皮肤 | 原力计划☞互联网诞生记：风起于青萍之末☞“弃用 Google AMP！”☞20行 Python 代码爬取王者荣耀全英雄皮肤 | 原力计划☞操作系统兴衰史☞我在华为做外包的真实经历，参与有奖调查！
