HTML入门笔记1
HTML的发明
HTML是由万维网发明者蒂姆·伯纳斯·李爵士和同事在1990年创造的。李爵士在2016年获得图灵奖。
HTML起手式
<!-- 声明文档类型为html -->
<!DOCTYPE html>
<!-- 起手式默认lang值为en。但对于中文页面,lang值设为en会影响浏览器速度 -->
<htmllang="zh-CN">
<head>
<!-- utf-8能够支持目前人类全部字符和语言,所以页面一般统一使用utf-8 -->
<metacharset="UTF-8">
<!-- 如果当前页面要在ie中显示,则将ie内核设置为最新版 -->
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<!-- 防止页面缩放 -->
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<title>我的网页</title>
</head>
<body>
</body>
</html>
常用表示章节的标签
<h1>-<h6> 标题
<section> 章节标签,表示文本中独立的章节,一般包含<h>、 <p>标签
<article> 文章标签,一般是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。
<p> 段落标签
<header> 展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。例如,广告
<footer> 页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。例如,版权声明
<main> 包含的部分与文档直接相关,或者扩展于文档的中心主题、应用的主要功能部分的内容组成。
<aside> 表示一个和其余页面内容几乎无关的部分。例如,侧边栏、标注框、参考资料
<div> 文档划分元素
全局属性
class 给元素分类。类选择器[class=class_value]{} 、.{}。文档中class可以有多个。
contenteditable 值为ture时,用户可以在浏览器上对元素内容进行编辑。例如做网页编辑器
hidden 使元素不可见。表示元素内容目前不重要但将来重要、以前需要但现在不需要
id 表示全局唯一元素。浏览器对id的唯一性要求并不严格,尽量少用
style 元素内联样式属性。在css层级样式中拥有最高优先级。内联外部和内部优先级?
tabindex tab 设置tab键跳转顺序。设置值>0时,按由大到小顺序跳转;设置值=0时,最后跳转至该元素;设置值=-1时,不能用tab键跳转至该元素。
title 对元素中长文字显示完整的提示内容。
常用内容标签
<ol>+<li> ordered list+list item 有序列表
<ul>+<li> unordered list+list item 无序列表
<dl>+<dt>+<dd> descriptin list + term +data 描述列表
<pre> preformatted 按原文排版展示。原文中有空格、回车、tab的地方都会展示出来
<code> 代码标签,一般和<pre>配合使用
<hr> horizontal rule 水平分割线
<br> line break 换行
<a> anchor 超链接
<em> emphasis 着重阅读(加强语气)
<strong> strong importance 强调文本内容十分重要
<quote> 行内引用
<blockquote> 块级引用