HTML

2019-08-19 本文已影响0人 Camilia_yang

HTML(由W3C组织制定规范）
HTML 5兼容了HTML 4，XML，容错率高。
XML的语言特性：所有标签必须闭合比如，<input />
区分H5：能运行在微信上的网页都称为H5

<html><head><body>
常见标签：a/ form / input /button /h1 /ul /ol /small /strong /div /span 横向划分 /kbd / video /audio / svg 不规则图形

<!DOCTYPE html> //声明文档版本
<head>包含的标签：
<meta charset="utf-8">

<ul><ol>:<li>
<dl><dt><dd>描述列表
<br>：强制换行，因为源代码中的所有换行最后都会压缩成一个空格

<img>
src：图像的 URL，必需的。
alt：描述图像的替换文本。用户将看到这个显示，如果图像的URL是错误的，该图像不在支持的格式列表中，或者如果图像还没有被下载。

<input>用于为基于Web的表单创建交互式控件，以便接受来自用户的数据。<input>的工作方式因其类型属性的值而有很大差异

<label for="textInput">Note the red caret:</label>
<input id="textInput" class="custom" size="32"/>

<button>
<button name="button">Click me</button>
<button>与<a>标签的区别：<button>是弹出一个对话框，<a>是用来跳转到另外一个页面

<select>
下拉列表

<textarea>
多行文本

<canvas>
用来画图

可替换元素
CSS 里，可替换元素（replaced element）的展现不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的外部对象。典型的可替换元素有 <img>、 <object>、 <video> 和表单元素，如<textarea>、 <input> 。某些元素只在一些特殊情况下表现为可替换元素，例如 <audio> 和 <canvas> 。通过 CSS content 属性来插入的对象被称作匿名可替换元素（anonymous replaced elements）。

空元素

Tip:

<div> <span> 标签因为没有任何含义，所以要加class;
除了div 和 span，其他标签都有默认样式,比如<body>标签的默认margin是8px;
有些html标签是自带CSS属性的，比如<body>的bgcolor属性(attribute)，这是历史遗留下来的。
MDN 上有所有标签的文档（遇到新标签都搜素一下熟悉一下）或html5 spec（即html规范文档，很全，但难看懂。）
html中没有所谓一个标签是block还是inline元素之分，因为html不管样式，CSS才管样式。写html的时候不要管样式，否则会容易混乱。

基于上面的题目，写一篇关于 HTML 的播客，100 字以上即可，内容可以是

W3C 简介（查维基百科）
MDN 简介（查维基百科）
HTML 所有标签列表（查 MDN）
什么是空标签（查 MDN、博客）
什么是可替换标签（查 MDN、博客）

1.iframe 标签
嵌套页面（会很卡，因为相当于重开一个窗口）
<iframe name="xxx" src="https://www.baidu.com" frameboder="0"></iframe>
<a target=xxx href="http://qq.com">QQ</a>
<a target=xxx href="http://baidu.com">百度</a> //a标签可以指定一个iframe来打开页面

a 标签 --页面跳转

target属性
_blank 新窗口
_self 在本窗口打开
_parent 父窗口
_top 顶层窗口
download 属性
href属性

//qq.com 无协议绝对地址，自动继承协议。
#xxx 表锚点，作页面内跳转，不发起请求
？name=xxx
./index.html
3.伪协议“javascript:alert(1)" “javascript:;"：得到一个点击之后什么都不做的a 标签

HTML

猜你喜欢

热点阅读