发明者
同样是万维网的发明者的李爵士
起手需要写的内容
<!DOCTYPE html> //文档类型
<html lang="en"> //语言 可改zh-CN
<head>
<meta charset="UTF-8"> //编码类型
<meta name="viewport" content="width=device-width, initial-scale=1.0">
//禁用缩放
<title>Document</title> //标题
</head>
<body>
</body>
</html>
常用的表示章节的标签
- 标题 h1~h6
- 章节 section
- 文章 article
- 段落 p
- 头部 header
- 脚部 footer
- 主要内容 main
- 旁支内容 aside
- 划分 div
常用的内容标签
内容标签 潜规则：HTML 代码里的多处空格、回车、tab 等内容，默认会被转化为一个空格 如果想保留多处空格、回车、tab等，就要用pre
保留空格、回车键； 其他标签会把多余的空格和回车键转换为一个空格 代码
-
pre:如果需要写换行的代码，嵌套一个pre标签即可 -
<hr> 水平分隔线 -
<br> 换行 -
ol li 有序列表 -
ul li 无序列表 -
dl + dt 要描述的对象 + dd 要描述的内容 -
<em>和<strong> 表示强调-
em 表示语气上的强调
-
strong 表示内容本身很重要
-
-
quote 行内引用 -
blockquote 换行的引用
全局属性
- class
- contenteditable:页面上直接可编辑->可以做一个自己的编辑器
<style contenteditable>//放在body里就能显示出来
用户可以直接通过修改页面上呈现的style段落来改样式
</style>
- hidden
- id：尽量别用，唯一性其实放屁；id不可以取window已经有的属性
- id.style.border = "1px solid red"
- 但不提倡用这种写法， 因为这种写法对id的命名有要求，,比如用parent, top, self等命名id就不行。因为window里有很多已经定义好的全局属性，不可以和这些属性同名。
- style
- tabindex：按顺序访问 。 -1不访问,0最后访问
- title：鼠标附上去显示用来显示完整内容
- 应用场景：文字超长变省略号
- 单行文字溢出：
-
调整css:
white-space: nowrap; 不要换行 text-overflow: ellipsis 溢出的部分用.... overflow: hidden; 溢出的部分隐藏
-
