Rumah hujung hadapan web Tutorial H5 html 5设计原则介绍

html 5设计原则介绍

Feb 01, 2021 pm 02:14 PM
prinsip reka bentuk

html 5设计原则介绍

导语:

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。HTML产生于1990年,1997年HTML4成为互联网标准,并广泛应用于互联网应用的开发。

实际上,html5并不是由w3c直接制定的,w3c的方向是xhtml2,而不是html5。当xhtml2脱离现实,无法付诸实践时,w3c工作组才将研究方向转向html5。为什么xhtml2从未落到实处?因为它违反了一条设计原理,这条设计原理就是著名的伯斯塔尔法则——发送时要保守;接收时要开放。而在html5设计过程中遵循了一系列原则,才使得html5得以快速推广。本文将介绍html5遵循的5个设计原则

避免不必要的复杂性

html4

<!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Salin selepas log masuk

html5

<!DOCTYPE html>
Salin selepas log masuk

html4

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  html5
<meta charset="utf-8">
Salin selepas log masuk

支持已有内容

以下四段代码,在xhtml中只有第一段是正确的;而在html5中,所有的都是正确的

<img src="foo" alt="bar" />
<p class="foo">Hello world</p>
 
<img src="foo" alt="bar">
<p class="foo">Hello world
 
<IMG SRC="foo" ALT="bar">
<P CLASS="foo">Hello world</P>
 
<img src=foo alt=bar>
<p class=foo>Hello world</p>
Salin selepas log masuk

(学习视频分享:html视频教程

解决现实的问题

在html4中,即使两个块级元素元素有相同的链接地址,也必须分开写,因为内联元素不能包含块级元素

<h2><a href="/path/to/resource">Headline text</a></h2>
<p><a href="/path/to/resource">Paragraph text.</a></p>
Salin selepas log masuk

而在html5中,由于使用了内容模型,元素也可以包含块级元素

内容模型

html5新增了多个元素,其中包括:section、article、aside和nav,它们代表了一种新的内容模型——给内容分区。以前人们一直都在用div来组织页面中的内容,但与其他类似的元素一样,div本身并没有语义。但section、article、aside和nav实际上是在明确地告诉你——这一块就像文档中的另一个文档一样。位于这些元素中的任何内容,都可以拥有自己的概要、标题,自己的脚部。

平稳退化

浏览器在遇到不识别的type值时,会将type的值解释为text

相关推荐:html5教程

Atas ialah kandungan terperinci html 5设计原则介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Perkongsian pengalaman pembangunan C#: pengaturcaraan berorientasikan objek dan prinsip reka bentuk Perkongsian pengalaman pembangunan C#: pengaturcaraan berorientasikan objek dan prinsip reka bentuk Nov 22, 2023 am 08:18 AM

C# (CSharp) ialah bahasa pengaturcaraan berorientasikan objek yang berkuasa dan popular yang digunakan secara meluas dalam bidang pembangunan perisian. Semasa proses pembangunan C#, adalah sangat penting untuk memahami konsep asas dan prinsip reka bentuk pengaturcaraan berorientasikan objek (OOP). Pengaturcaraan berorientasikan objek ialah paradigma pengaturcaraan yang mengabstraksi perkara di dunia nyata menjadi objek dan melaksanakan fungsi sistem melalui interaksi antara objek. Dalam C#, kelas ialah blok binaan asas pengaturcaraan berorientasikan objek dan digunakan untuk menentukan sifat dan tingkah laku objek. Apabila membangunkan C#, terdapat beberapa prinsip reka bentuk yang penting

Apakah prinsip reka bentuk kelas C++? Apakah prinsip reka bentuk kelas C++? Jun 02, 2024 pm 03:30 PM

Prinsip reka bentuk kelas adalah penting dalam C++, dan 5 prinsip berikut membantu mewujudkan kelas yang berkesan dan boleh diselenggara: Prinsip tanggungjawab tunggal: Setiap kelas bertanggungjawab untuk satu tugas sahaja. Prinsip Terbuka-Tertutup: Kelas boleh dilanjutkan tanpa pengubahsuaian. Prinsip Penyongsangan Ketergantungan: Modul bergantung pada antara muka abstrak dan bukannya pelaksanaan konkrit. Prinsip pengasingan antara muka: Antara muka hendaklah sekecil mungkin dan disasarkan. Prinsip penggantian Liskov: subkelas boleh menggantikan kelas induk dengan lancar.

Prinsip mereka bentuk API RESTful dalam bahasa Go Prinsip mereka bentuk API RESTful dalam bahasa Go Jan 22, 2024 am 11:23 AM

Dengan perkembangan pesat aplikasi Internet, RESTfulAPI telah menjadi reka bentuk teras bagi banyak aplikasi web, dan bahasa Go, sebagai bahasa pengaturcaraan yang pantas dan cekap, secara beransur-ansur menjadi bahasa pilihan untuk membangunkan RESTfulAPI. Dalam bahasa Go, prinsip reka bentuk RESTfulAPI juga sangat penting. Perkara berikut akan memperkenalkan beberapa prinsip utama untuk membantu anda membangunkan API RESTful berkualiti tinggi dalam bahasa Go. Prinsip Tanggungjawab Tunggal Dalam bahasa Go, Prinsip Tanggungjawab Tunggal digunakan secara meluas

Prinsip Reka Bentuk Kekangan Pangkalan Data: Petua dalam Pengaturcaraan PHP Prinsip Reka Bentuk Kekangan Pangkalan Data: Petua dalam Pengaturcaraan PHP Jun 22, 2023 pm 08:22 PM

Dalam pengaturcaraan PHP, reka bentuk kekangan pangkalan data adalah bahagian yang sangat penting. Kekangan pangkalan data boleh memastikan integriti, konsistensi dan keselamatan data serta menghalang data daripada diganggu secara berniat jahat atau dimasukkan secara tidak betul. Oleh itu, artikel ini akan memperkenalkan prinsip dan teknik reka bentuk kekangan pangkalan data dalam pengaturcaraan PHP. 1. Kunci utama dan kunci asing Kunci utama ialah lajur atau set lajur yang mengenal pasti secara unik setiap rekod dalam jadual hubungan. Apabila membuat jadual, anda harus sentiasa menentukan kunci utama. Kunci utama memastikan keunikan data dan membolehkan mendapatkan semula data yang lebih cepat semasa pertanyaan. Kunci asing adalah satu lagi kekangan penting dalam pangkalan data hubungan

Persamaan dan Perbezaan antara Antara Muka dan Kelas Java: Tujuan dan Prinsip Reka Bentuk Persamaan dan Perbezaan antara Antara Muka dan Kelas Java: Tujuan dan Prinsip Reka Bentuk Dec 23, 2023 pm 02:15 PM

Perbezaan antara antara muka dan kelas Java: senario dan prinsip reka bentuk yang berkenaan, contoh kod khusus diperlukan Dalam pengaturcaraan Java, antara muka dan kelas ialah dua konsep penting. Walaupun kedua-duanya digunakan untuk menentukan tingkah laku dan sifat objek, ia mempunyai kegunaan dan prinsip reka bentuk yang berbeza dalam aplikasi praktikal. Artikel ini akan meneroka perbezaan antara antara muka dan kelas Java serta senario yang digunakan. Pertama, mari kita fahami konsep antara muka. Antara muka ialah konsep abstrak yang mentakrifkan satu set kaedah yang boleh dilaksanakan oleh kelas lain. Kaedah dalam antara muka biasanya hanya mempunyai pengisytiharan kaedah, tidak

Prinsip reka bentuk struktur jadual MySQL untuk sistem pengurusan sekolah Prinsip reka bentuk struktur jadual MySQL untuk sistem pengurusan sekolah Oct 31, 2023 am 10:10 AM

Pengenalan kepada prinsip reka bentuk struktur jadual MySQL sistem pengurusan sekolah Dalam industri pendidikan moden, sistem pengurusan sekolah memainkan peranan yang penting. Ia membantu sekolah mengurus pelajar, guru, kursus dan operasi utama lain dengan cekap. MySQL ialah alat yang berkuasa apabila mereka bentuk pangkalan data untuk sistem pengurusan sekolah. Artikel ini akan memperkenalkan prinsip reka bentuk struktur jadual MySQL sistem pengurusan sekolah dan menyediakan contoh kod khusus. 1. Reka bentuk pangkalan data terstandard Semasa mereka bentuk pangkalan data, penyeragaman adalah prinsip utama. Penyeragaman memastikan bahawa data pangkalan data

Membina Antara Muka Pengguna yang Hebat: Prinsip dan Garis Panduan Reka Bentuk Webman Membina Antara Muka Pengguna yang Hebat: Prinsip dan Garis Panduan Reka Bentuk Webman Aug 13, 2023 pm 07:24 PM

Membina Antara Muka Pengguna Cemerlang: Prinsip dan Garis Panduan Reka Bentuk WebMan Dengan perkembangan pesat Internet, reka bentuk antara muka pengguna telah menjadi bahagian penting dalam laman web dan aplikasi. Antara muka pengguna yang hebat bukan sahaja meningkatkan pengalaman pengguna, tetapi juga meningkatkan kepuasan dan kesetiaan pengguna. Dalam artikel ini, kami akan memperkenalkan beberapa prinsip dan garis panduan reka bentuk WebMan untuk membantu anda mencipta antara muka pengguna yang hebat. 1. Antara muka yang ringkas dan jelas Antara muka yang ringkas dan jelas boleh memberikan panduan dan navigasi yang jelas, memudahkan pengguna memahami dan menggunakan tapak web atau

Kemahiran Pengaturcaraan Lanjutan C++: Menguasai Prinsip Reka Bentuk Berorientasikan Objek Kemahiran Pengaturcaraan Lanjutan C++: Menguasai Prinsip Reka Bentuk Berorientasikan Objek Nov 27, 2023 am 10:41 AM

Sebagai bahasa pengaturcaraan peringkat tinggi, pengaturcaraan berorientasikan objek adalah salah satu ciri yang paling penting. Apabila kerumitan program meningkat, cara menggunakan prinsip reka bentuk berorientasikan objek dalam kod telah menjadi salah satu kemahiran yang mesti dikuasai oleh pembangun. Artikel ini akan memperkenalkan lima prinsip reka bentuk pengaturcaraan berorientasikan objek, iaitu prinsip SOLID, untuk membantu pembangun C++ menulis kod yang lebih mantap dan boleh diselenggara. Prinsip SOLID telah dicadangkan oleh Robert C. Martin pada tahun 2000. Ia merujuk kepada lima prinsip reka bentuk berorientasikan objek

See all articles