Lịch sử hình thành ngôn ngữ html. Mô tả ngôn ngữ HTML. Cách kết nối một trang HTML bên trong một trang khác
Hầu hết internet hiện đại công nghệ này dựa trên ngôn ngữ HTML được sử dụng lâu dài và gây nhiều tranh cãi nhất. Nó được thiết kế để thực hiện đánh dấu và thiết kế các tài liệu được đặt trên các trang web. Ngôn ngữ bắt đầu có được những tính năng đầu tiên vào năm 1986. Động lực là việc Tổ chức Tiêu chuẩn hóa Quốc tế (ISO) áp dụng tiêu chuẩn ISO-8879 - Tiêu chuẩn tổng quát Ngôn ngữ đánh dấu hoặc, trong phiên bản ngắn gọn - SGML. Nó đi kèm với một mô tả cho biết SGML được dùng để đánh dấu cấu trúc của văn bản. Đáng chú ý là không có mô tả nào về hình thức của tài liệu.
Dựa trên điều này, chúng ta có thể kết luận rằng SGML không phải là một hệ thống đánh dấu văn bản và không có bất kỳ danh sách các thành phần ngôn ngữ cấu trúc nào được sử dụng trong một số điều kiện nhất định. Ngôn ngữ ngụ ý mô tả cú pháp để viết các phần tử đánh dấu chính. Sau một thời gian, ngày nay họ đã nhận được một cái tên nổi tiếng - “tags”.
Rõ ràng cần phải tạo ra một ngôn ngữ:
- Mô tả yếu tố nào là hợp lý để sử dụng trong trường hợp nào
- Chứa danh sách các thành phần mà bạn có thể tạo tài liệu có thể đọc được bằng các chương trình khác nhau
Mặc dù ngôn ngữ SGML, giống như các ứng dụng tương tự của nó, không nhận được nhiều sự phát triển và nó không hoàn toàn bị lãng quên. Năm 1991, Viện Vật lý hạt Châu Âu công bố sự cần thiết phải phát triển một cơ chế cho phép truyền siêu năng lượng thông tin văn bản bởi vì Mạng lưới toàn cầu. Chính SGML đã hình thành nên nền tảng của ngôn ngữ tương lai - Ngôn ngữ đánh dấu siêu văn bản (HTML).
Các giai đoạn hình thành.
Khoảng bốn mươi thẻ chứa phiên bản HTML 1.2. Mô tả biểu diễn vật lý Cũng không có tài liệu. Giống như tiền thân của nó, SGML, nó chủ yếu tập trung vào đánh dấu cấu trúc và logic của văn bản. Tuy nhiên, một số thẻ đã cung cấp một số gợi ý về cách trang sẽ được trình bày về mặt vật lý.
Hiệp hội W3C bắt đầu phát triển phiên bản HTML 2.0. Kết quả đầu tiên thu được sau một năm làm việc cật lực - vào năm 1995. Khả năng của phiên bản 3.0 đã được thảo luận gần như đồng thời. Nếu phiên bản thứ hai không thể gọi là khác biệt đáng kể so với phiên bản đầu tiên, thì phiên bản thứ ba là một bước đột phá tuyệt đối.
HTML 3.0 bao gồm các tính năng mới thú vị:
- Đánh dấu các công thức toán học
- Thẻ để tạo trang
- Chèn ảnh có văn bản bao quanh chúng
- Ghi chú, v.v.
Tuy nhiên, điều này vẫn chưa đủ; nhu cầu thiết kế trực quan các trang siêu văn bản ngày càng trở nên cấp thiết. Sau đó, W3C bắt đầu tạo hệ thống độc lập, không mâu thuẫn Khái niệm cơ bản về HTML, nhưng cho phép mô tả thiết kế trực quan các tài liệu. Kết quả là sự xuất hiện của CSS - Cascading Style Sheets, các đặc tả kiểu phân cấp có cú pháp, cấu trúc và mục tiêu độc đáo.
Nhưng chúng ta đừng vượt quá chính mình và quay lại với HTML. Việc mở rộng đáng kể các thẻ đã xảy ra theo sự xúi giục của Netscape Communications, tập đoàn đã tung ra trình duyệt thương mại đầu tiên, Netscape Navigator. Những đổi mới chỉ theo đuổi một mục tiêu - cải thiện vẻ bề ngoài tài liệu, nhưng đồng thời chúng hoàn toàn mâu thuẫn với các nguyên tắc ban đầu của ngôn ngữ.
Phiên bản HTML 3.2 được tạo trong thời gian ngắn nhất. Anh ấy đã tập trung vào Internet của Microsoft Nhà thám hiểm. Cho đến gần đây điều này Phiên bản HTML là tiêu chuẩn ngôn ngữ duy nhất dưới . Tuy nhiên, hướng này đang phát triển rất tích cực; với sự trợ giúp của HTML, có thể đưa ra một số trật tự nhất định cho các thành phần đánh dấu của tất cả các trình duyệt, nhưng khả năng của ngôn ngữ ngày càng trở nên không đủ.
Năm 2004 họ đã chấp nhận phiên bản mới HTML-4.01. Nó cung cấp hiệu suất đa trình duyệt và đa nền tảng tuyệt vời.
Tại sao CSS ngày càng được sử dụng nhiều hơn hiện nay? Bởi vì HTML, mặc dù khả năng của nó đã được mở rộng đáng kể kể từ khi được tạo ra, vẫn là ngôn ngữ đánh dấu logic của siêu văn bản, tức là. không liên quan đến việc thực hiện tài liệu. Tiêu chuẩn hiện đại Internet liên quan đến việc tạo ra các trang sáng sủa và đáng nhớ, vì vậy các quản trị viên web ngày càng sử dụng CSS nhiều hơn. Có thể chấm dứt được không Lịch sử HTML? Câu trả lời cho câu hỏi này rất có thể là tích cực, nhưng ngôn ngữ sẽ không biến mất hoàn toàn, bởi vì nó làm nền tảng cho nhiều hệ thống khác.
Khái niệm cơ bản về HTML chứa các quy tắc cơ bản của ngôn ngữ HTML, mô tả cấu trúc của trang HTML và các mối quan hệ trong cấu trúc của tài liệu HTML giữa các thành phần HTML.
Một tài liệu HTML là một tài liệu thông thường Dữ liệu văn bản, có thể được tạo cả trong trình soạn thảo văn bản thông thường (Notepad) và trong trình soạn thảo văn bản chuyên dụng có tính năng tô sáng mã (Notepad++, Visual Studio Mã, v.v.). Tài liệu HTML có phần mở rộng .html.
Một tài liệu HTML bao gồm một cây gồm các phần tử HTML và văn bản. Mỗi phần tử được xác định trong tài liệu nguồn bằng thẻ bắt đầu (mở) và thẻ kết thúc (đóng) (hiếm khi có ngoại lệ).
Thẻ bắt đầu hiển thị nơi phần tử bắt đầu, thẻ kết thúc hiển thị nơi phần tử kết thúc. Thẻ đóng được hình thành bằng cách thêm dấu gạch chéo / trước tên thẻ: .... Giữa thẻ bắt đầu và thẻ đóng là nội dung của thẻ – nội dung.
Các thẻ đơn không thể lưu trữ nội dung trực tiếp; nó được viết dưới dạng một giá trị thuộc tính, ví dụ: một thẻ sẽ tạo một nút có văn bản Nút bên trong.
Các thẻ có thể được lồng vào nhau, ví dụ:
Chữ
. Khi đầu tư, bạn nên tuân theo thứ tự đóng (nguyên tắc “matryoshka”), ví dụ: mục sau sẽ không chính xác:Chữ
.Các phần tử HTML có thể có các thuộc tính (toàn cục, áp dụng cho tất cả các phần tử HTML và thuộc tính của chính chúng). Các thuộc tính được ghi trong thẻ mở của phần tử và chứa tên và giá trị, được chỉ định theo định dạng thuộc tính name="value" . Các thuộc tính cho phép bạn thay đổi các thuộc tính và hành vi của phần tử mà chúng được đặt.
Mỗi phần tử có thể được gán nhiều giá trị lớp và chỉ một giá trị id. Nhiều giá trị lớp được viết cách nhau bởi dấu cách, . Các giá trị lớp và id chỉ được bao gồm các chữ cái, số, dấu gạch nối và dấu gạch dưới và chỉ được bắt đầu bằng các chữ cái hoặc số.
Trình duyệt xem (diễn giải) tài liệu HTML, xây dựng cấu trúc của nó (DOM) và hiển thị nó theo hướng dẫn có trong tệp này (biểu định kiểu, tập lệnh). Nếu đánh dấu chính xác, cửa sổ trình duyệt sẽ hiển thị một trang HTML chứa các phần tử HTML - tiêu đề, bảng, hình ảnh, v.v.
Quá trình giải thích (phân tích cú pháp) bắt đầu trước khi trang web được tải đầy đủ vào trình duyệt. Trình duyệt xử lý tài liệu HTML một cách tuần tự ngay từ đầu trong khi xử lý CSS và các biểu định kiểu liên quan đến các thành phần trang.
Một tài liệu HTML bao gồm hai phần - phần tiêu đề - giữa các thẻ ... và phần nội dung - giữa các thẻ ....
Cấu trúc trang web 1. Cấu trúc tài liệu HTMLHTML tuân theo các quy tắc có trong tệp khai báo loại tài liệu (Định nghĩa loại tài liệu hoặc DTD). DTD là một tài liệu XML xác định các thẻ, thuộc tính và giá trị của chúng hợp lệ cho loại cụ thể HTML. Mỗi phiên bản HTML đều có DTD riêng.
DOCTYPE chịu trách nhiệm về việc trình duyệt hiển thị chính xác trang web. DOCTYPE chỉ định không chỉ phiên bản HTML (ví dụ html) mà còn cả tệp DTD tương ứng trên Internet.
...
Các phần tử bên trong thẻ tạo thành một cây tài liệu, được gọi là mô hình đối tượng tài liệu, DOM (tài liệu mô hình đối tượng) . Trong trường hợp này, phần tử là phần tử gốc.
Cơm. 1. Cấu trúc đơn giản nhất trang web Để hiểu được sự tương tác của các thành phần trang web, cần xem xét cái gọi là “mối quan hệ họ hàng” giữa các thành phần. Mối quan hệ giữa nhiều phần tử lồng nhau được phân loại là cha, con và chị em.
Tổ tiên là một phần tử chứa các phần tử khác. Trong Hình 1, tổ tiên của tất cả các phần tử là . Đồng thời, phần tử này là tổ tiên của tất cả các thẻ mà nó chứa: ,
, , vân vân.
Hậu duệ là một phần tử nằm trong một hoặc nhiều loại phần tử. Ví dụ: là hậu duệ của , và phần tử
Là hậu duệ của cả hai và .
Phần tử cha - một phần tử có liên quan đến nhiều phần tử khác cấp thấp, và nằm trên cây phía trên chúng. Trong Hình 1 và . Nhãn
Là cha mẹ chỉ để .
Phần tử con- một phần tử trực tiếp phụ thuộc vào phần tử khác ở cấp độ cao hơn. Trong Hình 1 chỉ có các phần tử , ,
Và là con của .
Phần tử chị em - một phần tử có điểm chung phần tử cha với cái đang được xem xét, cái gọi là các yếu tố cùng cấp. Trong Hình 1 và là các phần tử có cùng cấp độ, cũng như các phần tử , và
Họ là chị em của nhau.
1.1. Yếu tố 1.2. Yếu tốPhần... chứa thông tin kĩ thuật về trang: tiêu đề, mô tả, từ khóa cho công cụ tìm kiếm, mã hóa, v.v. Thông tin bạn nhập vào đó không được hiển thị trong cửa sổ trình duyệt nhưng nó chứa thông tin cho trình duyệt biết cách xử lý trang.
1.2.1. Yếu tốThẻ phần được yêu cầu là . Văn bản được đặt bên trong thẻ này sẽ xuất hiện trên thanh tiêu đề của trình duyệt web. Tiêu đề không được dài quá 60 ký tự để phù hợp hoàn toàn với tiêu đề. Văn bản tiêu đề nên chứa càng nhiều càng tốt Mô tả đầy đủ nội dung trang web.
1.2.2. Yếu tốThẻ phần tùy chọn là một thẻ duy nhất. Với sự trợ giúp của nó, bạn có thể đặt mô tả về nội dung trang và từ khóa cho các công cụ tìm kiếm, tác giả của tài liệu HTML và các thuộc tính siêu dữ liệu khác. Một phần tử có thể chứa nhiều phần tử vì chúng mang thông tin khác nhau tùy thuộc vào thuộc tính được sử dụng.
Mô tả nội dung trang và từ khóa có thể được chỉ định đồng thời bằng nhiều ngôn ngữ, ví dụ: bằng tiếng Nga và tiếng Anh:
Bằng cách sử dụng thẻ, bạn có thể chặn hoặc cho phép các công cụ tìm kiếm lập chỉ mục một trang web:
Để tự động tải lại trang sau một khoảng thời gian nhất định, bạn cần sử dụng giá trị làm mới:
Trang sẽ được tải lại sau 30 giây. Để chuyển hướng khách truy cập đến một trang khác, bạn cần chỉ định URL trong tham số url:
| bộ ký tự | Chỉ định mã hóa ký tự cho tài liệu HTML hiện tại: |
| nội dung | Chứa văn bản tùy ý chỉ định giá trị được liên kết với thuộc tính http-equiv hoặc name, tùy thuộc vào giá trị của chúng. |
| http-tương đương | Kiểm soát các hành động của trình duyệt trên một trang web nhất định (tương đương với các tiêu đề HTTP). Khi hiển thị trang, trình duyệt sẽ làm theo hướng dẫn được chỉ định trong thuộc tính: kiểu mặc định chỉ định kiểu ưa thích để sử dụng trên trang. Thuộc tính nội dung phải chứa ID của phần tử tham chiếu bảng Kiểu CSS hoặc mã định danh của phần tử chứa biểu định kiểu. làm mới cho biết thời gian tính bằng giây trước khi trang được tải lại hoặc thời gian trước khi chuyển hướng đến trang khác nếu thuộc tính nội dung chứa dòng "url=page_address" sau thời gian. Tự động khởi động lại trang sau một khoảng thời gian nhất định, trong trong ví dụ này, sau 30 giây: Nếu bạn cần chuyển hướng ngay lập tức khách truy cập đến một trang khác, bạn có thể chỉ định URL trong tham số url: |
| tên | Liên kết với giá trị chứa trong thuộc tính nội dung. Không nên sử dụng nếu phần tử đã có bộ thuộc tính http-equiv , charset hoặc itemprop . tên ứng dụng chỉ định tên của ứng dụng web được sử dụng trên trang. tác giả chỉ định tên tác giả của tài liệu ở định dạng tự do. mô tả xác định Mô tả ngắn vào nội dung trang, ví dụ: trình tạo chỉ định một trong các gói phần mềm, được sử dụng để tạo một tài liệu, ví dụ: . từ khóa chứa một danh sách từ khóa, cách nhau bằng dấu phẩy, tương ứng với nội dung trang, ví dụ: . Cũng thuộc tính tên có thể lấy các giá trị sau từ đặc tả mở rộng, chẳng hạn như Creator , Googlebot , Nhà xuất bản , Robot , Slurp , Viewport , mặc dù chưa có giá trị nào trong số này được áp dụng chính thức. |
Bên trong phần tử này, các kiểu được sử dụng trên trang sẽ được đặt. CSS được sử dụng để đặt kiểu trong tài liệu HTML. Có thể có một số phần tử như vậy trên một trang.
Bên trong phần tử này, bạn có thể viết mã định dạng cho cả các thành phần trang web và toàn bộ trang web.
.paper ( chiều rộng: 200px; chiều cao: 300px; màu nền: #ef4444; màu: #666666; )
Để kết nối một kiểu nhất định với một phần tử, bạn cần gán tên thích hợp cho phần tử đó bằng thuộc tính class (hoặc id):
...
Mã CSS có thể được nhúng trực tiếp vào phần tử đánh dấu dưới dạng giá trị thuộc tính phong cách, Ví dụ:
1.2.4. Yếu tố
Bạn cũng có thể đặt kiểu cho tài liệu bằng phương pháp khác - viết chúng vào một tệp riêng có phần mở rộng .css, ví dụ: style.css.
Có hai cách để kết nối một tệp có kiểu với một trang web:
thông qua chỉ thị url @import
@import url(style.css);
sử dụng phần tử. Phần tử không yêu cầu thẻ đóng. Phần tử này xác định mối quan hệ giữa trang hiện tại và các tài liệu khác. Có thể có một số phần tử như vậy trên một trang. Mục nhập sẽ có lượt xem tiếp theo:
| nguồn gốc chéo | Cho biết liệu CORS (công nghệ trình duyệt cho phép trang web truy cập tài nguyên từ một miền khác) có nên được sử dụng khi truy xuất hình ảnh từ một trang web hay không. ẩn danh — trình duyệt tự động thêm tiêu đề Origin vào yêu cầu tên miền chéo, chứa tên miền mà yêu cầu được thực hiện. Nếu máy chủ không phản hồi với tiêu đề CORS Access-Control-Allow-Origin: * (hoặc tên miền thay vì dấu hoa thị), thì việc tải hình ảnh sẽ bị chặn. use-credentials - Nếu máy chủ không cung cấp thông tin xác thực bằng Access-Control-Allow-Credentials: true thì việc tải hình ảnh sẽ bị chặn. |
| href | Thuộc tính chính của thẻ, giá trị là đường dẫn đến tệp có kiểu. |
| hreflang | Xác định ngôn ngữ của văn bản trong tài liệu được tham chiếu. |
| phương tiện truyền thông | Chỉ định loại thiết bị mà tài nguyên liên kết sẽ được áp dụng. |
| nonce | Đã tạo ngẫu nhiên một biến chuỗi trên máy chủ đặt quy tắc sử dụng kiểu nội tuyến để bảo vệ nội dung. Giá trị thuộc tính là một chuỗi văn bản. |
| liên quan | Thuộc tính xác định mối quan hệ giữa tài liệu hiện tại và tài liệu được tham chiếu. thay thế - một liên kết đến cùng một tài liệu, nhưng ở định dạng khác (ví dụ: các trang để in, dịch, nhân bản, nguồn cấp dữ liệu ở định dạng RSS hoặc Atom), . kho lưu trữ - chỉ ra rằng tài liệu được liên kết có giá trị lịch sử. Liên kết có thể trỏ đến một bộ sưu tập hồ sơ, tài liệu hoặc tài liệu khác. tác giả liên kết đến một trang về tác giả của tài liệu hoặc đến một trang có thông tin liên hệ của tác giả. đánh dấu liên kết đến nguồn gốc gần nhất của bài viết, đó là liên kết, hoặc đến phần bài viết có liên quan chặt chẽ nhất với phần tử nếu không có tổ tiên. bên ngoài được sử dụng để chỉ ra rằng trang được liên kết đến không phải là một phần của trang này. đầu tiên chỉ định một liên kết trỏ đến tài liệu đầu tiên trong chuỗi tài liệu. liên kết trợ giúp tới một tài liệu trợ giúp. biểu tượng chỉ định đường dẫn đến biểu tượng sẽ được sử dụng cho tài liệu hiện tại. cuối cùng chỉ ra một liên kết dẫn đến tài liệu cuối cùng theo trình tự các tài liệu. giấy phép Một liên kết đến thông tin bản quyền của một tài liệu. tiếp theo chỉ ra rằng tài liệu này là một phần của một bộ và liên kết sẽ dẫn đến tài liệu tiếp theo trong bộ đó. nofollow chỉ ra rằng liên kết không được tác giả của trang xác nhận hoặc liên kết đó có tính chất thương mại. noreferrer chỉ ra rằng tiêu đề yêu cầu của khách hàng chứa url của nguồn yêu cầu sẽ không được chuyển khi theo liên kết. pingback chỉ định địa chỉ của máy chủ pingback, cho phép blog tự động thông báo cho các trang web liên kết tới nó. tìm nạp trước chỉ định rằng tệp được tham chiếu phải được lưu vào bộ đệm trước. prev chỉ ra rằng tài liệu này là một phần của một bộ và liên kết đến tài liệu trước đó trong bộ đó. tìm kiếm chỉ ra rằng tài liệu được tham chiếu chứa giao diện để tìm kiếm và các tài nguyên liên quan. thanh bên cho biết rằng tài liệu được liên kết sẽ được hiển thị trong ngữ cảnh trình duyệt bổ sung, nếu có thể và một số trình duyệt, khi bạn nhấp vào siêu liên kết, sẽ mở một cửa sổ để thêm liên kết vào thanh dấu trang của bạn. liên kết biểu định kiểu đến tập tin bên ngoài, sẽ được sử dụng làm biểu định kiểu cho tài liệu này. thẻ chỉ ra rằng thẻ siêu liên kết áp dụng cho tài liệu này. lên chỉ ra rằng trang này là một phần của cấu trúc phân cấp và siêu liên kết đi đến nhiều hơn cấp độ cao tài nguyên trong cấu trúc. |
| kích thước | Chỉ định kích thước biểu tượng cho hiển thị trực quan. Thuộc tính kích thước chỉ được sử dụng cùng với rel="icon" và có thể nhận các giá trị sau: widths-height - xác định danh sách các kích thước được phân tách bằng dấu cách, mỗi kích thước phải ở định dạng - widths-height (kích thước biểu tượng được chỉ định bằng pixel), ví dụ: ; bất kỳ - biểu tượng có thể được thu nhỏ theo bất kỳ kích thước nào. |
| tiêu đề | Xác định tiêu đề của một liên kết hoặc tên của một tập hợp các biểu định kiểu thay thế. Giá trị thuộc tính là văn bản. |
| kiểu | Chỉ định loại MIME của tài liệu đang được tham chiếu. TRONG trong trường hợp này nó nhận giá trị "text/css". |
| không đồng bộ | Thuộc tính chỉ ra rằng tập lệnh sẽ chạy không đồng bộ với phần còn lại của trang (tập lệnh sẽ bắt đầu thực thi cùng lúc tải trang). |
| bộ ký tự | Xác định mã hóa ký tự |
| nguồn gốc chéo | Xác định xem CORS có được sử dụng khi tải hay không tập lệnh bên ngoài(sử dụng thuộc tính src). ẩn danh - trước khi tải tập lệnh vào yêu cầu tên miền chéo, trình duyệt sẽ tự động thêm tiêu đề Origin mà không chuyển tham số truy cập (cookie, chứng chỉ X.509, thông tin đăng nhập/mật khẩu để xác thực cơ bản qua HTTP). Nếu phản hồi của máy chủ không chứa tiêu đề Access-Control-Allow-Origin: tên miền thì tập lệnh sẽ không được tải. thông tin xác thực sử dụng - trước khi tải tập lệnh vào yêu cầu tên miền chéo, trình duyệt sẽ tự động thêm tiêu đề Origin cho biết các tham số truy cập (cookie, chứng chỉ SSL hoặc cặp thông tin đăng nhập/mật khẩu). Nếu phản hồi của máy chủ không chứa tiêu đề Access-Control-Allow-Credentials: true thì tập lệnh sẽ không được tải. |
| hoãn lại | Việc giải thích các tập lệnh bị trì hoãn cho đến khi tài liệu được hiển thị trên thiết bị của người dùng. |
| nonce | Cung cấp bảo mật bằng cách bảo vệ chống lại các cuộc tấn công kịch bản chéo trang (XSS). Đặt quy tắc sử dụng tập lệnh tích hợp bằng cách sử dụng giá trị nonce và giá trị băm. Trong quá trình hiển thị trang, trình duyệt tính toán các giá trị băm cho từng tập lệnh nội tuyến và so sánh chúng với các giá trị được liệt kê trong CSP. Đang tải xuống từ các tài nguyên khác ngoài " Danh sách trắng", bị chặn. |
| src | Cho biết vị trí của tệp script, giá trị thuộc tính là url tập tin chứa chương trình JavaScript. |
| kiểu | Dùng để khai báo ngôn ngữ script dùng để soạn thảo nội dung của thẻ. |
Phần này chứa tất cả nội dung của tài liệu. Có sẵn cho phần tử.
| onafterprint | Một sự kiện xảy ra sau khi một trang được gửi đi in hoặc sau khi cửa sổ in đóng lại. |
| trước khi in | Một sự kiện xảy ra trước khi một trang được gửi đi in. |
| ontrước khi tải | Sự kiện xảy ra khi khách truy cập bắt đầu chuyển đổi sang trang khác hoặc nhấp vào “đóng cửa sổ”. Cho phép bạn hiển thị thông báo trong hộp thoại xác nhận để cho người dùng biết họ muốn ở lại hay rời khỏi trang hiện tại. |
| onhashchange | Sự kiện này được kích hoạt khi phần băm của URL thay đổi, chẳng hạn như khi người dùng chuyển từ example.domain/test.aspx#page1 sang example.domain/test.aspx#page2 . |
| tin nhắn | Một sự kiện xảy ra khi một tin nhắn được nhận thông qua một nguồn sự kiện. |
| trực tuyến | Sự kiện được trình duyệt kích hoạt khi trình duyệt xác định rằng kết nối Internet đã bị mất. |
| trực tuyến | Sự kiện được trình duyệt kích hoạt khi kết nối Internet được khôi phục. |
| ẩn trên trang | Sự kiện xảy ra khi người dùng rời khỏi trang thông qua điều hướng, chẳng hạn như nhấp vào liên kết, làm mới trang, điền vào biểu mẫu, v.v. |
| onpageshow | Sự kiện xảy ra khi người dùng điều hướng đến trang web, sau sự kiện onload. |
| đang tải xuống | Sự kiện được kích hoạt nếu trang không tải vì lý do nào đó hoặc khi cửa sổ trình duyệt bị đóng. |
Có thể tạo một biểu mẫu trên trang Web để người dùng có thể nhập thông tin được trình duyệt truyền đến máy chủ(thẻ) hoặc kiểm soát lựa chọn từ menu (thẻ).
Vì trong ngôn ngữ HTML, bộ thẻ bị giới hạn và cố định nên các hành động do chúng cung cấp, đặc biệt là các thao tác định dạng, được triển khai trong trình duyệt. Đồng thời, các thẻ như , tương ứng với một kiểu nhất định (loại, kích thước, màu chữ). Để cho phép người dùng thiết lập kiểu hình ảnh mong muốn, các biểu định kiểu được phát triển để thể hiện thông tin tham số kiểu và cách liên kết các trang đó với tài liệu HTML. Hầu hết các trình duyệt đều hỗ trợ biểu định kiểu xếp tầng CSS (Bảng kiểu xếp tầng).
Bảng CSS bao gồm các quy tắc định dạng. Mỗi quy tắc chỉ định loại phần tử được áp dụng định dạng và danh sách khai báo. Danh sách được bao quanh bởi dấu ngoặc nhọn và các phần khai báo trong danh sách được phân tách bằng dấu chấm phẩy. Mỗi khai báo chỉ định giá trị của một trong các thuộc tính hiển thị của phần tử trong thuộc tính:value của biểu mẫu. Các thuộc tính bao gồm loại phông chữ (font), kích thước, màu sắc, căn chỉnh và kiểu dáng (thường, in đậm, in nghiêng) của phông chữ, màu nền hoặc mẫu, khoảng cách dòng, sự hiện diện của khung, vị trí tương đối của khối văn bản và các đặc điểm khác thường dùng để kiểm soát hình thức của hình ảnh trong soạn thảo văn bản. Thay vì loại phần tử, bạn có thể chỉ định tên của kiểu gốc đang được nhập; tên kiểu phải bắt đầu bằng dấu chấm.
Sử dụng biểu định kiểu liên quan đến việc chỉ định loại bảng trong một phần của tài liệu HTML. Quy tắc định dạng cũng được viết ở đó giữa các thẻ. Bạn có thể viết tất cả các quy tắc định dạng trong tập tin riêng biệt và sau đó trong tài liệu HTML chỉ cần đề cập đến tệp này trong một thẻ đặc biệt là đủ. Nếu kiểu được nhập chỉ áp dụng cho một phần của tài liệu thì thẻ có tham số LỚP sẽ được sử dụng, ví dụ:
Một phần của tài liệu
Các phiên bản đầu tiên của ngôn ngữ HTML khá đơn giản nhưng không phải không có một số thiếu sót. Trước hết, cần lưu ý rằng bộ thẻ còn hạn chế, không đáp ứng được nhu cầu của nhiều ứng dụng. Ngoài ra, thẻ HTML không tách dữ liệu xác định cấu trúc của tài liệu khỏi dữ liệu trên hình ảnh (định dạng) của nó trên màn hình hiển thị khi xem bằng trình duyệt, điều này khiến việc làm việc với tài liệu trở nên khó khăn. Do đó, các cải tiến đã được đưa vào các phiên bản mới của ngôn ngữ, khiến ngôn ngữ này trở nên phức tạp đáng kể nhưng không loại bỏ được những thiếu sót chính. Nhược điểm đáng kể nhất của HTML trước hết là không có khả năng tách biệt thông tin về cấu trúc của tài liệu khỏi thông tin về định dạng và thứ hai là không có công cụ HTML, cho phép bạn thực hiện các thao tác xử lý văn bản như sắp xếp, tìm kiếm các đoạn dựa trên đặc điểm nhất định, v.v.
Mô-đun tiếp theo
Cụm từ tìm kiếm
Năm 1989, Tim Berners-Lee, nhân viên của trung tâm công nghệ cao(CERN), đã đề xuất một dự án cho hệ thống siêu văn bản phân tán có tên WWW ( toàn thế giới Web). Siêu văn bản là văn bản “tự phân nhánh hoặc thực hiện các hành động theo yêu cầu.” Ban đầu, dự án được hình thành nhằm kết hợp tất cả các nguồn thông tin CERN thành một hệ thống phân phối siêu liên kết, nhưng công nghệ này, hóa ra lại đầy hứa hẹn đến nỗi sau này, nhờ tính đơn giản và cách sử dụng của những thứ đã được biết đến vào thời điểm đó giao thức mạng(TCP và IP), sẽ tạo thành nền tảng của World Wide Web được biết đến ngày nay.
Thế giới Web rộng - lần đầu tiên thực hiện thành công mạng lưới công nghệ, tính dễ sử dụng đã dẫn đến số lượng người dùng WWW tăng lên và thu hút sự chú ý của các công ty thương mại, do đó số lượng người dùng ngày càng tăng theo cấp số nhân cho đến ngày nay.
Một trong những thành phần chính Mạng toàn cầuđã trở thành ngôn ngữ siêu văn bản đánh dấu HTML , được phát triển bởi Tim Berners-Lee dựa trên tiêu chuẩn ngôn ngữ đánh dấu cho tài liệu in - SGML (Standard Generalized Markup Ngôn ngữ, tiêu chuẩn tổng quát hóa ngôn ngữ đánh dấu).
Nhờ sự sáng tạo HTML hai vấn đề đã được giải quyết: các nhà thiết kế cơ sở dữ liệu siêu văn bản nhận được rất nhiều công cụ tiện dụngđể tạo tài liệu siêu văn bản; công cụ này hóa ra đủ mạnh để phản ánh những ý tưởng hiện có về giao diện người dùng của cơ sở dữ liệu siêu văn bản.
Vấn đề đầu tiên đã được giải quyết bằng cách chọn mô hình được gắn thẻ (xem chương 2) mô tả tài liệu. Mô hình này được sử dụng rộng rãi trong các hệ thống chuẩn bị tài liệu để in.
Một tệp văn bản đã được chọn để triển khai các tài liệu HTML, vì ngoài sự tồn tại của tiêu chuẩn Z39.50 (ngụ ý một tệp văn bản đơn giản tương ứng với mã hóa ASCII của Hoa Kỳ làm đơn vị lưu trữ), việc tạo và chỉnh sửa một tệp như vậy có thể được thực hiện trong bất kỳ trình soạn thảo văn bản nào.
Về bản chất, cơ sở dữ liệu siêu văn bản trong WWW là một tập hợp các văn bản được viết Trợ giúp về HTML tập tin văn bản, cũng bao gồm một hệ thống kết nối giữa họ và bên ngoài tài nguyên thông tin(siêu liên kết), sau đó kết hợp nhiều thông tin khác nhau và tài nguyên giải trí. Sau đó, khi các siêu liên kết bắt đầu kết hợp không chỉ văn bản mà còn cả âm thanh và video, khái niệm siêu phương tiện đã nảy sinh.
HTML 1.0đúng hơn là nhằm mục đích trình bày ngôn ngữ. HTML 2.0đã xác định một kiến trúc tài liệu rõ ràng. HTML++đã cung cấp nhiều cơ hội hơn cho việc soạn bài báo khoa học và tạo bảng biểu. HTML 3.2 tập hợp những đổi mới và phát triển những phiên bản trước, cho phép mã viết bằng Java được thực thi trên trang. TRONG HTML 4.01. khả năng làm việc với đa phương tiện đã được mở rộng, tích hợp với các ngôn ngữ và biểu định kiểu CSS đã được giới thiệu Lập trình JavaScript và VBScript.
Nhưng vào năm 1998, HTML bị tuyên bố là lỗi thời (so với XML) và W3C đã quyết định đóng băng ngôn ngữ đánh dấu ở phiên bản 4.01. XHTML sau đó được phát triển để kết hợp Cấu trúc HTML và cú pháp XML. Hai tiêu chuẩn đã được phát triển: XHTML Transitional và XHTML Strict. Tiêu chuẩn đầu tiên được phát triển để đơn giản hóa quá trình chuyển đổi sang tiêu chuẩn nghiêm ngặt XHTML đã được thiết lập. Sau đó công việc bắt đầu trên XHTML 2.0. Trong quá trình phát triển của tiêu chuẩn này Một nỗ lực đã được thực hiện để cải thiện tính logic của việc viết đánh dấu.
Nhưng một nhóm những người đam mê từ công ty Opera tin rằng XML (cũng như XHTML 2.0) không phải là một tiêu chuẩn ngôn ngữ đánh dấu xứng đáng. Họ đã khởi động một dự án để phát triển một tiêu chuẩn thử nghiệm, bổ sung thêm các phần mở rộng cho biểu mẫu HTML, trong khi vẫn duy trì khả năng tương thích ngược. Kết quả là Tiêu chuẩn web form 2.0, sau này trở thành một phần của HTML5. Sau khi các nhân viên của Mozilla gia nhập nhóm phát triển, họ tiếp tục làm việc trong dự án tự gọi mình là WHATWG (Nhóm làm việc Công nghệ Ứng dụng Siêu văn bản Web), " nhóm làm việc về sự phát triển các ứng dụng siêu văn bản cho Internet" - http://www. whatwg.org). Mã số dự án nàyđược mở và bất kỳ ai cũng có thể đề xuất bất kỳ thay đổi và đổi mới nào đối với đặc tả. Sau đó, W3C thừa nhận rằng nỗ lực chuyển toàn bộ thế giới sang XML đã thất bại và đã bỏ phiếu sử dụng sự phát triển từ WHATWG làm phát triển chính, phiên bản cập nhật HTML và do đó bắt đầu quá trình làm việc trên HTML5, một dạng tương tự được phát triển song song bởi W3C và WHATWG. Năm 2009, W3C đã chỉ đạo tất cả quỹ sẵn cóđể phát triển HTML5.
Tim Berners-Lee
Người tạo ra ngôn ngữ HTML
Bài viết này về HTML cung cấp Đánh giá ngắn ngôn ngữ, cấu trúc, đặc điểm, lịch sử của nó. Bài viết này về ngôn ngữ HTML nhằm mục đích đọc cho phát triển chung và ở giai đoạn đầu học HTML, bạn có thể bỏ qua phần này và quay lại sau sau khi đọc.
HTML (Ngôn ngữ đánh dấu siêu văn bản)- Ngôn ngữ đánh dấu siêu văn bản. Các trang web được tạo bằng ngôn ngữ HTML.
Người tạo ra ngôn ngữ HTML là nhà khoa học xuất sắc người Anh Tim Berners-Lee.
Phiên bản HTMLTrước năm 1995, không có tiêu chuẩn chính thức cho ngôn ngữ HTML nhưng có một số phiên bản ngôn ngữ HTML không được tiêu chuẩn hóa. Ngày 22 tháng 9 năm 1995, tiêu chuẩn chính thức đầu tiên của ngôn ngữ HTML được tạo ra, nó ngay lập tức nhận được con số 2.0 (HTML 2.0).
Ngày 14 tháng 1 năm 1997, phiên bản HTML 3.2 xuất hiện,
Ngày 18 tháng 12 năm 1997 HTML 4.0,
Ngày 24 tháng 12 năm 1999 HTML 4.01
Vào những năm 00, cũng có Ngôn ngữ đánh dấu XHTML(giống như HTML nhưng có cú pháp chặt chẽ hơn). XHTML nhằm mục đích chuẩn bị cho các quản trị viên web quy tắc nghiêm ngặt dấu hiệu ngôn ngữ XML. Nhờ những dấu hiệu nghiêm ngặt, các chương trình khác nhau và các dịch vụ hiểu XML có thể xử lý dữ liệu một cách hiệu quả trên các trang web được viết bằng XHTML và bằng ngôn ngữ này, có thể triển khai SVG, MathML, CML và các dẫn xuất khác của ngôn ngữ XML.
XHTML tồn tại ở ba phiên bản: strict, transitional và frameset; trong phiên bản chuyển tiếp, bạn có thể sử dụng các thẻ cũ như center hoặc font. TRÊN khoảnh khắc này, việc phát triển ngôn ngữ XHTML đã bị đóng cửa.
Phiên bản hiện đại của ngôn ngữ HTML là HTML5 và đây là phiên bản mà chúng ta sẽ nghiên cứu. cuốn sách giáo khoa này. HTML5 tiện lợi hơn các ngôn ngữ trước đây và đã hấp thụ hết những ưu điểm của chúng; nó cũng rất chú trọng đến ngữ nghĩa.
Ngôn ngữ CSS và HTMLBắt đầu từ phiên bản 4 của ngôn ngữ HTML, hãy thay đổi giao diện Thẻ HTML Chỉ nên sử dụng ngôn ngữ CSS. Vì vậy, nên học song song hai ngôn ngữ HTML và CSS. Trong hướng dẫn HTML dành cho người mới bắt đầu này, chúng ta cũng sẽ xem xét các khía cạnh cơ bản của ngôn ngữ CSS, nhưng để tiếp tục học, bạn có thể tự đọc nó
Lịch sử của HTMLNgôn ngữ HTML được tạo ra vào năm 1991 bởi nhà khoa học người Anh Tim Berners-Lee. Vào thời điểm đó, Tim đang làm việc tại CERN (Tổ chức Nghiên cứu Hạt nhân Châu Âu) và các trang web vẫn chưa tồn tại. Các nhà khoa học làm việc tại trung tâm này cần một nơi đáng tin cậy và cách hiệu quả trao đổi thông tin.
Sự lựa chọn rơi vào ngôn ngữ SGML, nhưng nó quá phức tạp và sau đó Tim, dựa trên SGML, đã tạo ra một biến thể đơn giản hóa của nó - HTML, nhờ đó bất kỳ nhà khoa học nào cũng có thể tạo ra một tài liệu đơn giản chứa thông tin, đóng khung nó bằng nhiều thẻ khác nhau: đoạn văn, tiêu đề, liên kết và đăng lên Internet, đồng thời các nhà khoa học khác có thể đọc được thông tin này.
Ban đầu, chỉ có thông tin văn bản mới có thể được đặt trong tài liệu HTML (trên các trang của trang web); khả năng thêm tệp phương tiện: hình ảnh, video và âm thanh xuất hiện muộn hơn một chút.
Hiện tại, W3C đang tham gia hỗ trợ và phát triển ngôn ngữ HTML. (Hiệp hội Web toàn cầu)- tập đoàn mạng toàn cầu. W3C bao gồm nhiều nhóm làm việc khác nhau thực hiện và phát triển các tiêu chuẩn và công nghệ Internet.
Bảng phân phối trình duyệtCác tệp HTML thường có phần mở rộng .html hoặc .htm. Những tập tin này có thể được xem bằng trình duyệt Internet.
Bảng tên trình duyệt và số lượng phân phối của chúng trên thế giới, tính đến tháng 1 năm 2016, theo thứ tự giảm dần:
| Google Chrome | 54,22 % |
| trình duyệt web IE | 14,67 % |
| Mozilla Firefox | 14,61 % |
| Cuộc đi săn | 9,43 % |
| Opera | 1,96 % |
| Người khác | 5,11 % |
