html的一些自见解

html 5 自带语义化，就是让标签带上感情色彩，方便人或浏览器区分

与的区别

<b> 的默认样式只是将文本加粗

<strong> 在默认样式上和 <b> 一样，将文本加粗

但是 <strong> 在语义上更为强烈，方便浏览器或开发人员识别重点

和的区别
```
同上
```
内联和块元素由 css(display: block/inline) 控制
通常说的内联元素、块元素都是标签自带的默认 display 样式

常用的标签解释

alt           可选内容，加载失败用这个代替

src           路径

<img>         图片

<hr>          水平分割线

<br>          强制换行

<nav></nav>   导航

<main></main> 主要内容

<noscript></noscript> 浏览器不支持js时显示的内容

最最完整的<head>标签meta、link、title、style、script、noscript、base

<meta charset="utf-8">

<meta name="author" content="xxx">

<meta name="keyword" content="xxx">

<meta name="discription content="xxx">

<link rel="stylesheet" href="xxx/xxx.css">

<script src="xxx/xxx.js">

空标签就是只需要一个开始标签就可以了，不需要结束标签的标签
可替换标签（元素）就是在没有css制定的渲染下，标签本身的样式渲染由浏览器来决定的标签（元素）
w3c 一个编写web各种规范的组织，任何人都能参与并书写
mdn 2005年mozilla发起的收集各种web规范的网站（项目）

关于html所有的标签（https://www.w3.org/html/wiki/...）

The root element

    <html>

Document metadata

    <head>    <title>    <base>    <isindex>

    <link>    <meta>     <style>

Scripting

    <script>    <noscript>

Sections

    <body>     <section>    <nav>      <article>    <aside>

    <h1>       <h2>         <h3>       <h4>         <h5>       <h6>

    <hgroup>   <header>     <footer>   <address>

Grouping content

    <p>        <hr>            <pre>    <blockquote>

    <ol>       <ul>            <li>     <dl>            <dt>    <dd>

    <figure>   <figcaption>    <div>    <center>

Text-level semantics

    <a>       <em>           <strong>    <small>      <s>        <cite>    <q>  <dfn>

    <abbr>    <time>         <code>      <var>        <samp>

    <kbd>     <sub>、<sup>   <i>         <b>

    <mark>    <ruby>         <rt>        <rp>         <bdo>

    <span>    <br>           <wbr>       <tt>         <u>        <strike>

    <big>     <basefont>     <font>      <acronym>    <blink>    <marquee>

    <nobr>    <spacer>       <listing>   <xmp>        <nextid>

Edits

    <ins>    <del>

Embedded content

    <img>      <iframe>      <embed>       <object>      <param>

    <video>    <audio>       <source>      <track>       <canvas>

    <map>      <area>        <math>        <svg>         <applet>

    <frame>    <frameset>    <noframes>    <bgsound>     <noembed>    <plaintext>

Tables

    <table>    <caption>    <colgroup>    <col>

    <tbody>    <thead>      <tfoot>

    <tr>       <td>         <th>

Forms

    <form>       <fieldset>    <legend>      <label>

    <input>      <button>      <select>      <datalist>

    <optgroup>   <option>      <textarea>    <keygen>

    <output>     <progress>    <meter>

Interactive

    <details>    <summary>    <command>    <menu>

Previous HTML Elements

    <acronym>

    <applet>     (deprecated in HTML 4.01, non conformant in HTML5)

    <basefont>   (deprecated in HTML 4.01, non conformant in HTML5)

    <bgsound>

    <big>

    <blink>

    <c>          (never deployed, was a proposal before span)

    <center>     (deprecated in HTML 4.01, non conformant in HTML5)

    <font>       (deprecated in HTML 4.01, non conformant in HTML5)

    <frame>

    <frameset>

    <isindex>    (deprecated in HTML 4.01, non conformant in HTML5)

    <listing>

    <marquee>

    <nextid>

    <nobr>    <noembed>    <noframes>    <plaintext>

    <spacer>

    <strike>     (deprecated in HTML 4.01, non conformant in HTML5)

    <tt>

    <u>          (deprecated in HTML 4.01, non conformant in HTML5)

    <xmp>

html初体验#1的更多相关文章

.NET平台开源项目速览(15)文档数据库RavenDB-介绍与初体验
不知不觉,“.NET平台开源项目速览“系列文章已经15篇了,每一篇都非常受欢迎,可能技术水平不高,但足够入门了.虽然工作很忙,但还是会抽空把自己知道的,已经平时遇到的好的开源项目分享出来.今天就给大家 ...
Xamarin+Prism开发详解四：简单Mac OS 虚拟机安装方法与Visual Studio for Mac 初体验
Mac OS 虚拟机安装方法最近把自己的电脑升级了一下SSD固态硬盘,总算是有容量安装Mac 虚拟机了!经过心碎的安装探索,尝试了国内外的各种安装方法,最后在youtube上找到了一个好方法. 简单 ...
Spring之初体验
Spring之初体验 Spring是一个轻量级的Java Web开发框架,以IoC(Inverse of Control 控制反转)和 ...
Xamarin.iOS开发初体验
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAA+CAIAAAA5/WfHAAAJrklEQVR4nO2c/VdTRxrH+wfdU84pW0
【腾讯Bugly干货分享】基于 Webpack & Vue & Vue-Router 的 SPA 初体验
本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57d13a57132ff21c38110186 导语最近这几年的前端圈子,由于 ...
【Knockout.js 学习体验之旅】（1）ko初体验
前言什么,你现在还在看knockout.js?这货都已经落后主流一千年了!赶紧去学Angular.React啊,再不赶紧的话,他们也要变out了哦.身旁的90后小伙伴,嘴里还塞着山东的狗不理大蒜包, ...
在同一个硬盘上安装多个 Linux 发行版及 Fedora 21 、Fedora 22 初体验
在同一个硬盘上安装多个 Linux 发行版以前对多个 Linux 发行版的折腾主要是在虚拟机上完成.我的桌面电脑性能比较强大,玩玩虚拟机没啥问题,但是笔记本电脑就不行了.要在我的笔记本电脑上折腾多个 ...
百度EChart3初体验
由于项目需要在首页搞一个订单数量的走势图,经过多方查找,体验,感觉ECharts不错,封装的很细,我们只需要看自己需要那种类型的图表,搞定好自己的json数据就OK.至于说如何体现出来,官网的教程很详 ...
Python导出Excel为Lua/Json/Xml实例教程（二）：xlrd初体验
Python导出Excel为Lua/Json/Xml实例教程(二):xlrd初体验相关链接: Python导出Excel为Lua/Json/Xml实例教程(一):初识Python Python导出E ...
Docker初体验
## Docker初体验安装因为我用的是mac,所以安装很简单,下载dmg下来之后拖拽安装即可完成. 需要注意的就是由于之前的docker是基于linux开发,不支持mac,所以就出现了docke ...

随机推荐

opencv学习之等待按键事件-waitKey函数
文章来源: https://mangoroom.cn/opencv/opencv-learning-waitKey.html 序 waitKey函数属于opencv函数里既常用又非常基础的函数,无论是 ...
[.net core]2.hello word(.net core web app模版简介)
创建一个.net core web app project 弹出这个窗口 empty代表最低依赖, 意味着往往需要手动按需添加依赖. web应用程序(模型视力控制器) 则会帮你创建好control ...
how to create a flask server
1. use database 2. use redis 3. inport/export excel2007 version+ from flask import send_from_directo ...
CentOs7 防火墙的开放与关闭及端口的设定
1.查看firewall服务状态 systemctl status firewalld 2.查看firewall的状态 firewall-cmd --state 3.开启.重启.关闭.firewall ...
python3小demo
总结常用的功能小实例,快速学习并掌握python技能 1.墨迹天气 import requests from lxml.html import etree import json import tim ...
hadoop最简伪分布式安装
本次安装运行过程使用的是Ubuntu16.04 64位+Hadoop2.5.2+jdk1.7.0_75 Notice: Hadoop2.5.2版本默认只支持64位系统使用的jdk可以为1.7和1.8 ...
C++有静态成员变量的类继承
声明和定义 1.变量的定义变量的定义用于为变量分配存储空间,还可以为变量指定初始值.在一个程序中,变量有且仅有一个定义. 2.变量的声明用于向程序表明变量的类型和名字.程序中变量可以声明多次,但只 ...
2019-11-29-WPF-轻量级-MVVM-框架入门-2.1.2
title author date CreateTime categories WPF 轻量级 MVVM 框架入门 2.1.2 lindexi 2019-11-29 10:16:10 +0800 20 ...
从零开始学MySQL(二)
鉴于上节篇幅以安装为主,因此对于调用mysql所需要使用的“命令”只是略微提及.随之而来就会带给读者诸多不解了,因为你会思考,这串长长的字符到底有什么特殊的含义呢?聪明的你可能早就抱着好奇心去“摆渡” ...
ui自动化之selenium操作（三）xpath定位
xpath 的定位方法,非常强大.使用这种方法几乎可以定位到页面上的任意元素. 1. 什么是xpath? xpath 是XML Path的简称, 由于HTML文档本身就是一个标准的XML页面,所以我们 ...

html初体验#1

html的一些自见解

html初体验#1的更多相关文章

随机推荐

热门专题