添加type属性后link标签无法加载CSS样式表问题求助

问题出在link标签的type属性值上：你写的css/text是错误的，CSS样式表对应的标准MIME类型应该是text/css，属性值顺序颠倒导致浏览器无法正确识别样式表类型，因此添加该属性时CSS失效；移除后浏览器会默认采用text/css作为样式表类型，所以样式正常生效。

修正后的HTML代码 #

<!DOCTYPE html>
<html lang="en">
    <head>
<title>My first website</title>
<meta charset="UTF-8">
<meta name="author" content="noob"> 
<meta name="description" content="Not My first website ">
<link rel="icon" href="html5.png" type="image/x-icon">
<link rel="stylesheet" href="main.css" type="text/css">
</head>
    <body>
        <h1>Heading 123</h1>
        <p>This is a paragraph</p>
    </body>
</html>

另外补充：在HTML5规范中，rel="stylesheet"的link标签可以省略type属性，浏览器会默认识别为text/css，所以如果不想写type属性，直接保留<link rel="stylesheet" href="main.css">也是完全没问题的。

内容的提问来源于stack exchange，提问作者0747