前端—HTML的知识汇总(持续更新)

最新推荐文章于 2024-09-26 10:01:01 发布

张三也爱问为什么

最新推荐文章于 2024-09-26 10:01:01 发布

阅读量116

点赞数

文章标签： css javascript html

本文链接：https://blog.csdn.net/sadkhkuhkjasga/article/details/107330691

版权

临时先放这专栏收录该内容

26 篇文章 1 订阅

订阅专栏

对于中文网页需要使用声明编码，否则会出现乱码。
在head标签之内。

HTML中不支持空格、回车、制表符，它们都会被解析成一个空白字符。
注意，不是不解析，而是替换成一个空白字符也就是一个空格。

<!DOCTYPE html>

它是 HTML5 标准网页声明。支持 HTML5 标准的主流浏览器都认识这个声明。表示网页采用 HTML5，<!DOCTYPE html>声明位于文档中的最前面的位置，处于<html>标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。doctype 声明是不区分大小写的，用来告知 Web 浏览器页面使用了哪种 HTML 版本。

开发标签和闭合标签，就看是不是成对出现的标签。

html标签是不会被显示在网页上的，标签知识为了告诉网页怎么显示这个效果。

html基础：
标题标签<h1>到<h6>，这里对应6号到1号字体。
段落标签<p>
HTML 链接<a>，在 href 属性中指定链接的地址
HTML 图像<img src="/images/logo.png" width="258" height="39" />
更多标签，可以在这里查看，点击标签还可以在线编辑查看效果，链接：次菜鸟教程

几个常用的css样式组合：
单行：

<div> 
  文本显示为单行,超过部分隐藏并使用省略号
  修改 width 属性查看效果。
</div>
-------------------------------------------
div {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:120px;
}

关于<b> 和 <strong>：
这两个并非完全相同。比如，如果使用网页阅读器阅读网页（盲人使用），strong 会重读，b 则不会。
这个涉及到“语义标签”，语义标签的意思是用这个标记的文本是有“语义”的，但是用<b>的话，就是单纯的在显示上加粗，并不会读出来的时候重音。
关于<em>，

关于link加载外部文件以及script加载外部文件：
link加载：<link href="reset.css" rel=”stylesheet“/>
script加载：<script src="script.js"></script>
前者浏览器会识别该文档为 css 文档，并行下载该文档，并且不会停止对当前文档的处理；
后者当浏览器解析到该元素时，会暂停浏览器的渲染，直到该资源加载完毕。这也是将js脚本放在底部而不是头部得原因。
这里可以对两个标签里面的href以及src属性做一个简单的思考：
src 用于替换当前元素；href 用于在当前文档和引用资源之间建立联系。
换句话话说就是引入和引用的关系，所以在使用src这种引入的属性的时候，请无比考虑页面引入则个东西，会不会在响应时间上有所增加。
结合上面的例子，应该能记住了吧。

关于各种路径：
绝对路径：图片和html在不同路径下<img src="file:///f:/*.jpg" width="300" height="120"/>
相对路径：
图片和html在相同路径下：<img src="*.jpg" width="300" height="120"/>
图片和html在不同路径下，图片在img下，img和html同级：<img src="image/*.jpg/"width="300" height="120"/>
图片在img下，html在page下，img和html同级：<img src="../image/*.jpg/"width="300" height="120"/>
网络路径：<img src="http://static.runoob.com/images/runoob-logo.png" width="300" height="120"/>