定义HTML5
需要在第一行加入：
<!DOCTYPE html>
设置页面编码
在<head>里加：
<meta charset="utf-8">
或者下面的更完整：
<meta http-equiv="content-type" content="text/html;charset=utf-8">
常用标签
不转义
如果不想让标签转义，如要让代码：<b>这里不加粗</b>被网页解析成原始字符，而不是被加粗的字符，那么使用<xmp>标签，举例：
<xmp>
<b>这里不加粗</b>
</xmp>
保留原始格式
想要写的内容的格式保留，比如字符里的回车正常显示，而不是要用<br>这类标签替代，则可以使用<pre>标签，举例：
<pre>
缩进四格
换行缩进八格
</pre>
保留原始码
使用<code>标签告诉网页这块内容是原始代码
注1：
<pre>和<code>标签里面字符虽然会保留原来的格式或者原始码，但是里面嵌套的标签会被解析，例如：<pre><b>这里字体会被加粗</b></pre>，那么这里的<b>标签就会起效果
注2：
<pre>和<code>区别参考：https://www.jianshu.com/p/6abc36c28e45
字体标签
使用<font>标签可以直接通过自带属性来设置大小、颜色、字体等，举例：
<font color="red" size=6 face="宋体">红色宋体6号字</font>
上传文件
使用表单<form>下<input>标签，其中要上传文件则：type="file"，但此时需要在form标签中加入：
enctype="multipart/form-data"，举例：
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="file">
<input type="submit" value="上传">
</form>
转义字符
部分字符由于在html中会被忽略或者解析，因此最好使用对应的转义字符来替代，主要有以下几个：
空格（html对字符串中的多个空格会解析成一个空格）
< <（less than，直接用符号可能会被解析成标签开头）
> >（great than，和上面同理会被解析成标签结尾）
& &
" "（直接用可能会被解析成包着标签属性的引号）
表单
表单内button不提交form
对于<button>标签，如果是在<form>标签里，那么默认<button>的type为submit，因此点击后会提交form信息。如果想修改按钮的功能不为提交，那么把type设置成button即可
关闭input历史输入提示
添加属性：autocomplete="off"
其他
base标签
用于设置一些标签（如：a/img/link/form）默认的属性值，其他标签中需要该属性却没有设置时，就会使用该默认值，举例：
<head>
<base target="_blank" href="http://www.baidu.com">
<!-- 所有的a标签默认href都是百度 -->
</head>
注意事项：该标签必须在head里定义，并且一个页面只能有一个该标签
定义列表
dl元素（definition list），子元素只能是dt/dd
-
dt：definition term，列表中每一项的项目名 -
dd：definition description，列表中每一项的描述，一个dt后面可以有1到多个dd
举例：
<dl>
<dt>苹果</dt>
<dd>水果</dd>
</dl>
<dl>
<dt>IPhone</dt>
<dd>手机</dd>
<dd>电子产品</dd>
<dd>IOS</dd>
</dl>
场景：一些事物及描述、Q&A
iframe对比
target取值：
- _self：当前窗口打开，默认值
- _blank：新的窗口打开
- _parent：父窗口打开
- _top：顶层窗口打开
- 某个iframe的name：指定iframe中打开
script标签的async/defer关键字
注意点
标签属性值问题
在html中会默认将属性名从大写转成小写，因此在使用js之类的时候，如果属性使用的是如驼峰命名方式（如xxxYyy），可能会导致获取内容失败等问题，因此建议使用xxx-yyy这样的命名方式。（在使用如webpack这些编译打包工具时，一般也都会自动对有大写命名的属性进行转换）
网友评论