Biểu tượng dấu gạch nối html. Các ký tự khoảng trắng và định dạng mã của chúng trong Html, cũng như các ký tự khoảng trắng đặc biệt không ngắt và các cách ghi nhớ khác

Văn bản đánh máy bao gồm các ký tự in - ký hiệu đồ họa.
Biểu tượng đồ họa là các biểu tượng hiển thị rõ ràng trong văn bản.
Tất cả các biểu tượng đồ họa được thu thập trong một bộ duy nhất hệ thống phổ quát Unicode.
Chèn biểu tượng đồ họa Tài liệu Unicode sang html
- mục đích chính và duy nhất của bảng này.

Bạn có thể chèn ký hiệu vào tài liệu HTML theo một trong các cách sau:

  1. sao chép hình ảnh biểu tượng từ cửa sổ trình duyệt sang cửa sổ trình soạn thảo html trực quan của bạn
  2. sao chép mã html của biểu tượng trực tiếp vào mã của tài liệu html
Hãy hiểu rằng đây là hai phương pháp khác nhau:
  1. chèn hình ảnh vào hình ảnh
  2. chèn mã vào mã.

Phông chữ cho biểu tượng, kích thước và màu sắc của nó trong HTML có thể được đặt bằng mã như:
CHARACTER_CODE
Ở đâu,
Arial - phông chữ,
10px - cỡ chữ tính bằng pixel,
#ff0000 - mã màu phông chữ (đỏ)

Ví dụ:
☎ - cỡ chữ ký tự 30px,
☎ - cỡ chữ biểu tượng 30px, màu - đỏ
☎ - cỡ chữ ký tự 20px,
☎ - cỡ chữ biểu tượng 10px.
Ghi chú Các phông chữ được khuyên dùng để chèn các ký tự đặc biệt là Arial, Verdana và Tahoma. Các phông chữ này hiển thị chính xác các ký tự Unicode và được các ứng dụng web hỗ trợ chính xác.

  1. "Biểu tượng"
    (hiển thị biểu tượng có thể nhìn thấy)
    Từ cột này bạn có thể sao chép hình ảnh biểu tượng và dán vào cửa sổ soạn thảo văn bản html. Biểu tượng sẽ được sao chép với cỡ chữ 20px. Sau khi sao chép xong, có thể cần phải điều chỉnh riêng kích thước phông chữ trực tiếp cho ký tự được sao chép.
  2. "Tên"
    (chỉ dành cho những ký tự quan trọng hoặc không rõ ràng)
    Giải thích mục đích của biểu tượng, phạm vi của nó, ví dụ...
  3. "Kỹ năng ghi nhớ"
    Thuật ghi nhớ là một cấu trúc chữ cái có dạng ", biểu thị mã chữ cái của một ký tự trong HTML. Nó được chèn trực tiếp vào mã html của tài liệu html. Thuật ghi nhớ rất phổ biến trong giới thiết kế bố cục chuyên nghiệp. Chúng được con người ghi nhớ một cách hoàn hảo và được hỗ trợ bởi tất cả các ứng dụng html. Mỗi từ ghi nhớ chứa một tên theo thứ tự chữ cái (ký hiệu ) của ký hiệu và ký hiệu dịch vụ (&), đóng vai trò là tín hiệu để trình duyệt đọc mã và không được hiển thị trên màn hình điều khiển. của mỗi từ ghi nhớ là duy nhất và dễ đọc vì nó bắt nguồn từ từ tiếng Anh đặc trưng cho biểu tượng.

    Mnemonics (Hy Lạp) - nghệ thuật ghi nhớ một cái gì đó. Thuật ghi nhớ được sử dụng để tạo điều kiện thuận lợi cho việc nhận thức thông tin khó ghi nhớ khi đối tượng ghi nhớ được đưa vào trạng thái liên kết với một thứ gì đó.

  4. "Mã số"
    Mã - số mã thập phân ký tự trong HTML, như &. Chèn trực tiếp vào mã html của tài liệu html. Mã thập phân bao gồm một số biểu thị số sê-ri của ký tự trong hệ thống Unicode và một số ký tự dịch vụ (& và #), đóng vai trò là tín hiệu để trình duyệt đọc mã và không được hiển thị trên màn hình điều khiển. Mã thập phân được sử dụng và sử dụng rộng rãi do tính linh hoạt và dễ nhận biết của nó.

Kiểm soát ký tự trong HTML (XHTML)

Ký tự điều khiển trong HTML (XHTML) là các ký tự dịch vụ của ngôn ngữ HTML được sử dụng trong bố cục HTML của trang web. Bất kỳ trình duyệt nào cũng phải hỗ trợ các ký tự này, vì không có chúng thì không thể hiển thị chính xác văn bản HTML. Các ký tự điều khiển không được hiển thị trong văn bản và khi được nhập trực tiếp từ bàn phím, trình duyệt sẽ hiểu là dấu chấm câu kêu gọi thực hiện một số hành động khi trang được vẽ trên màn hình.

Nó được phép sử dụng các ký tự điều khiển trong các văn bản thông thường, trong đó chúng tượng trưng cho các khái niệm phổ quát và được trình duyệt hiểu là các ký tự đánh máy thông thường. Khi sử dụng các ký hiệu dịch vụ trong văn bản HTML theo cách này, bạn không cần phải nhập giá trị của ký hiệu đó mà là mã HTML của nó. Bởi vì, tôi nhắc lại, nếu không trình duyệt sẽ coi biểu tượng dịch vụ là một lời kêu gọi hành động và sẽ không hiển thị chính xác văn bản HTML trên màn hình điều khiển.

Các ký tự điều khiển và mã HTML của chúng đều được tất cả các trình duyệt biết và hiểu mà không có ngoại lệ, điều này không thể nói, than ôi, về các ký tự khác có thể được hiển thị không chính xác trong các trình duyệt khác nhau hoặc thậm chí tệ hơn là không được hiển thị gì cả.

Cú pháp và dấu câu

không gian có độ dài N (không gian thông thường)
không gian có độ dài M (longspace)
- dấu gạch nối mềm (ký tự không in được) - ­
gạch nối –
- dấu gạch ngang có độ dài N (dấu gạch ngang thông thường) -
dấu gạch ngang có độ dài M (em gạch ngang)
. dấu chấm .
, dấu phẩy ,
dấu chấm lửng …
: Đại tràng :
; dấu chấm phẩy ;
! dấu chấm than !
ǃ
? dấu chấm hỏi ?
@ "chó" @
* "ngôi sao" *
# "lưới" #
trích dẫn đơn phía trên bên trái ‘
trích dẫn đơn phía trên bên phải ’
trích dẫn duy nhất phía dưới bên phải ‚
dấu ngoặc kép trên cùng bên trái “
trích dẫn kép phía trên bên phải ”
trích dẫn kép phía dưới bên phải &bdquo „
« dấu ngoặc kép góc trái (Rus) « «
» dấu ngoặc kép góc phải (Rus) » »
́ dấu trọng âm, ví dụ: Vasya ́
" dấu nháy đơn, ví dụ: You"I "
´ cấp tính, ví dụ: Vasya ´ ´
đoạn văn (ký tự không in được)
§ đoạn văn § §
ˆ giọng (chim đảo ngược) ˆ ˆ
ˆ
˜ dấu ngã nhỏ ˜ ˜
˜
¦ đường chấm dọc ¦ ¦
( dấu ngoặc trái (
) dấu ngoặc đơn bên phải )
dấu ngoặc nhọn trái
dấu ngoặc vuông
dấu ngoặc nhọn bên trái, tùy chọn
dấu ngoặc vuông, tùy chọn
[ dấu ngoặc vuông bên trái [
] dấu ngoặc vuông bên phải ]
/ dấu gạch chéo - ký tự gạch chéo /
\ dấu gạch chéo ngược \
gạch chéo (dấu chia)
ǀ thanh dọc ǀ
ǁ thanh dọc đôi ǁ
gạch chân, ví dụ: Vasya‾vasya
¯ macron, ví dụ: Vasyaṭvasya ¯ ¯

Thương hiệu và tiền tệ

+ thêm + +
dấu trừ -
= bằng =
± cộng hoặc trừ ± ±
× dấu nhân × ×
÷ dấu hiệu chia ÷ ÷
toán tử dấu chấm (giữa dòng) ·
toán tử dấu hoa thị (giữa dòng)
toán tử dấu ngã
. điểm đánh dấu danh sách (giữa dòng) . •
¹ chỉ số trên "1" ¹ ¹
² chỉ số trên "2" ² ²
³ chỉ số trên "3" ³ ³
Chỉ số trên và chỉ số dưới trong HTML (XHTML)
có thể được chèn bằng thẻ , tương ứng:
CON SỐ Chỉ số trên→ SỐ Chỉ số trên
CON SỐ Chỉ số dưới→ SỐ Đăng ký
½ phân số "một nửa" ½ ½
phân số "một phần ba"
¼ phân số "một phần tư" ¼ ¼
¾ phân số "ba phần tư" ¾ ¾
số hiệu
% phần trăm %
trang/phút ‰
° độ ° °
nguyên tố (phút, feet)
số nguyên tố kép (giây, inch)
Ví dụ 1: 30° 25′ 12″
Ví dụ 2: 25′ 12
µ vi mô µ µ
π Số Pi π π
ƒ ký hiệu chức năng
(đừng nhầm lẫn với "tích phân")
ƒ ƒ
ƒ
tích phân
vượt qua số 0, tập rỗng
(đừng nhầm lẫn với "đường kính")
đường kính (đừng nhầm lẫn với chữ “o” trong tiếng Latin bị gạch chéo)
ø Chữ "o" trong tiếng Latin bị gạch chéo ø ø
Ø Chữ viết hoa Latin "O" bị gạch chéo Ø Ø
dấu công việc
dấu tổng
căn bản
(Căn bậc hai hoặc nghiệm của x)
tương xứng
vô cực
góc
trực giao (vuông góc)
ký tên "do đó"
khoảng chừng bằng nhau
gần như bằng nhau
không công bằng
giống hệt nhau
ít hơn hoặc bằng
nhiều hơn hoặc bằng
logic VÀ
logic HOẶC
dấu cộng trong vòng tròn
(số tiền trực tiếp)
dấu nhân trong một vòng tròn
(sản phẩm chéo, mũi tên từ người quan sát)
ʘ chấm trong một vòng tròn
(mũi tên chỉ người quan sát)
ʘ

✵ ✵

Xin chào các độc giả thân mến của trang blog! Những người đã có thời gian làm quen với nó ít nhất là bề ngoài có lẽ đã lưu ý, mặc dù trong phác thảo chung. Điều này có nghĩa là họ có ý tưởng về loại ký tự HTMLđược sử dụng trong mã tài liệu.

Trong bài viết hôm nay, chúng ta sẽ cố gắng tìm hiểu khoảng trắng là gì trong HTML và nó có thể được sử dụng trong trường hợp nào ký tự khoảng trắng khi định dạng chính mã đó cho nhận thức thuận tiện. Chúng ta sẽ tìm hiểu khi nào cần sử dụng dấu cách không ngắt quãng, đồng thời làm quen với các ký tự đặc biệt khác (hoặc, như chúng còn được gọi là ký tự ghi nhớ).

Trên thực tế, tôi khuyên bạn không nên bỏ qua chủ đề sử dụng các ký tự đặc biệt khác nhau, vì đây là thành phần quan trọng cho phép bạn hoàn thành việc học ngôn ngữ của mình. đánh dấu siêu văn bản. Nhìn chung, thông tin được cung cấp trong ấn phẩm này chắc chắn sẽ không thừa. Vâng, bây giờ đến điểm.

Dấu cách và ký tự khoảng trắng trong HTML

Đầu tiên bạn cần làm lưu ý quan trọng. Bàn phím máy tính có phím đặc biệt, cho phép bạn thực hiện phân tách văn bản (xem thêm về điều này bên dưới). Tuy nhiên, chỉ có một phím cách rộng mới cung cấp sự phân tách giữa các từ không chỉ trong trình chỉnh sửa mà còn trong cửa sổ trình duyệt. Có những sắc thái khi ngắt dòng và thụt lề từ các cạnh.

Như bạn đã biết, việc hiển thị một số thành phần nhất định trong trình duyệt web được xác định bởi các thẻ. Để định dạng văn bản, nổi tiếng , dựa trên khối, được sử dụng. Tức là nội dung của nó nằm trên toàn bộ chiều rộng có sẵn.

ĐẾN ngắt dòng trong đoạn P, bạn cần sử dụng một thẻ BR duy nhất để có thể thực hiện việc này. Giả sử chúng ta cần chèn vào văn bản một số dòng từ một bài thơ mà chúng ta viết soạn thảo văn bản:

Mặc dù thực tế là các dòng của câu thơ được đặt chính xác và các dấu gạch nối được đặt đúng chỗ, mọi thứ sẽ trông khác trong trình duyệt:


Để đạt được cùng một hiển thị trong cửa sổ trình duyệt web, bạn cần viết BR ở mỗi ngắt dòng:

Bây giờ chúng ta đã hoàn thành nhiệm vụ và những dòng thơ sẽ hiển thị hoàn toàn chính xác trên trình duyệt:

Như vậy, chuyển khoản cần thiết các dòng được hoàn thành. Một tính năng khác cần lưu ý ở đây là nhiều khoảng trắng nối tiếp nhau được trình duyệt web hiển thị dưới dạng một. Bạn có thể xác minh điều này nếu trong cùng một trình soạn thảo, bạn cố gắng đặt không phải một mà là nhiều khoảng trắng giữa hai từ và bằng cách nhấp vào nút "Lưu", hãy xem kết quả trong trình duyệt.

Dấu cách, tab và ngắt dòng

Về cơ bản, với những điều này ký tự khoảng trắng chúng tôi làm quen ngay khi bắt đầu làm việc với văn bản trong trình soạn thảo và định dạng nó theo ở dạng đúng. Để thực hiện một tác vụ như vậy, có các phím đặc biệt, mỗi phím tương ứng với ký tự khoảng trắng riêng:

  • Phím cách là phím rộng nhất trên bàn phím máy tính (không có nhãn);
  • Tab - một phím ở bên trái có dòng chữ "Tab" và hai mũi tên chỉ về các hướng khác nhau;
  • Ngắt dòng - Phím "Enter".

Tuy nhiên, như tôi đã nói ở trên, cuối cùng kết quả như ý không chỉ trong trình soạn thảo văn bản mà còn trong trình duyệt, chúng ta chỉ nhận được nó khi sử dụng phím đầu tiên. Tất cả ba phím (bao gồm ngắt tab và ngắt dòng đều hữu ích khi định dạng mã HTML. Giả sử đây là giao diện của một đoạn mã trong NotePad++ (có rất nhiều thông tin về trình soạn thảo này) khi hiển thị tất cả các ký tự khoảng trắng:


Chúng tôi nhận được mã dễ đọc và dễ hiểu nhờ khoảng trắng. Mũi tên màu cam biểu thị các vết lõm được tạo bằng phím Tab và các ký hiệu CR và LF biểu thị ngắt dòng được tạo bằng phím Enter.

Các vùng chứa được lồng vào nhau sẽ được xem và các thẻ mở và đóng được hiển thị rõ ràng. Ở dạng này mã này bạn có thể dễ dàng chỉnh sửa. Bây giờ hãy so sánh nó với cùng một mã không có cách phân chia văn bản như vậy:

Theo cách tương tự, sử dụng các ký tự khoảng trắng, bạn cũng có thể viết Quy tắc CSS, trông sẽ rõ ràng và dễ tiêu hóa:


Sau khi đưa tất cả các kiểu về một mẫu số chung và hoàn tất chỉnh sửa tệp kiểu, bạn có thể thực hiện chỉnh sửa bằng cách xóa tất cả khoảng trắng khỏi mã. Điều này là cần thiết để tăng lên, điều này rất quan trọng khi quảng bá một nguồn tài nguyên.

Các ký tự đặc biệt (hoặc ghi nhớ) trong mã HTML

Bây giờ chúng ta hãy xem những trường hợp cần sử dụng các ký tự đặc biệt mà tôi đã đề cập ở đầu bài viết. Các ký tự đặc biệt trong HTML, đôi khi được gọi là thuật ghi nhớ, được giới thiệu để giải quyết một vấn đề lâu dài về mã hóa nảy sinh trong ngôn ngữ đánh dấu siêu văn bản.

Khi bạn gõ văn bản trên bàn phím, các ký tự của ngôn ngữ bạn đang sử dụng sẽ được mã hóa. Trong trình duyệt web, văn bản gõ sẽ được hiển thị bằng các phông chữ bạn đã chọn hoạt động ngược lại Giải mã

Thực tế là có rất nhiều cách mã hóa như vậy; hiện tại chúng tôi không có mục tiêu phân tích chúng một cách chi tiết. Chỉ là mỗi biểu tượng trong số chúng có thể thiếu một số ký hiệu nhất định, tuy nhiên, chúng cần được hiển thị. Giả sử bạn cảm thấy muốn viết dấu ngoặc đơn hoặc dấu trọng âm, nhưng những biểu tượng này đơn giản là không có trong bộ này.

Để giải quyết vấn đề này, một hệ thống ký tự đặc biệt đã được giới thiệu, bao gồm số lượng lớn nhiều cách ghi nhớ khác nhau. Tất cả đều bắt đầu bằng ký hiệu "&" và thường kết thúc bằng dấu chấm phẩy ";". Lúc đầu, mỗi ký tự đặc biệt đều có mã số riêng. Ví dụ: đối với một không gian không bị phá vỡ mà chúng tôi sẽ xem xét chi tiết hơn bên dưới, mục nhập sau sẽ hợp lệ:

Nhưng sau một thời gian, những ký hiệu phổ biến nhất đã được gán các ký tự tương tự (ghi nhớ) để dễ nhớ hơn. Giả sử đối với cùng một không gian không bị phá vỡ, nó trông như thế này:

Kết quả trình duyệt hiển thị ký hiệu tương ứng. Danh sách các thuật ghi nhớ rất đồ sộ, Các ký tự đặc biệt được sử dụng phổ biến nhất trong HTML bạn có thể khám phá từ bảng dưới đây:

biểu tượng mã số sự ghi nhớ Sự miêu tả
không gian không phá vỡ
không gian hẹp (en-width như chữ n)
không gian rộng (em-width như chữ m)
- en-dấu gạch ngang (en-dấu gạch ngang)
- em gạch ngang (em gạch ngang)
­ - ­ chuyển mềm
MỘT ́ trọng âm được đặt sau chữ “nhấn mạnh”
© © bản quyền
® ® ® nhãn hiệu đã đăng ký
dấu hiệu thương hiệu
º º º ngọn giáo của sao Hỏa
ª ª ª tấm gương của sao Kim
trang/phút
π π π pi (dùng Times New Roman)
¦ ¦ ¦ đường chấm dọc
§ § § đoạn văn
° ° ° bằng cấp
µ µ µ dấu hiệu vi mô
dấu đoạn văn
dấu chấm lửng
gạch chân
´ ´ ´ dấu nhấn
số hiệu
🔍 🔍 Kính lúp (nghiêng sang trái)
🔎 🔎 Kính lúp (nghiêng sang phải)
dấu hiệu của các phép tính số học và toán học
× × × nhân
÷ ÷ ÷ chia
< < ít hơn
> > > hơn
± ± ± cộng/trừ
¹ ¹ ¹ độ 1
² ² ² độ 2
³ ³ ³ độ 3
¬ ¬ ¬ sự phủ định
¼ ¼ ¼ một phần tư
½ ½ ½ một nửa
¾ ¾ ¾ ba phần tư
dấu thập phân
dấu trừ
ít hơn hoặc bằng
nhiều hơn hoặc bằng
xấp xỉ (gần như) bằng nhau
không công bằng
giống hệt nhau
căn bậc hai (căn bản)
vô cực
dấu tổng
dấu công việc
vi phân từng phần
tích phân
cho tất cả mọi người (chỉ hiển thị nếu in đậm)
tồn tại
bộ trống
Ø Ø Ø đường kính
thuộc về
Không thuộc vê
chứa
là một tập hợp con
là một siêu bộ
không phải là một tập hợp con
là một tập hợp con hoặc bằng
là một superset hoặc bằng
cộng trong một vòng tròn
dấu nhân trong một vòng tròn
vuông góc
góc
logic VÀ
logic HOẶC
ngã tư
liên hiệp
ký hiệu tiền tệ
Euro
¢ ¢ ¢ xu
£ £ £ Lb
¤ ¤t; ¤ Ký hiệu tiền tệ
¥ ¥ ¥ Ký hiệu Yên và Yuan
ƒ ƒ ƒ Ký hiệu Florin
đánh dấu
. điểm đánh dấu đơn giản
vòng tròn
· · · điểm giữa
đi qua
lai kép
đỉnh cao
câu lạc bộ
trái tim
kim cương
hình thoi
bút chì
bút chì
bút chì
tay
trích dẫn
" " " trích dẫn kép
& & & dấu và
« « « dấu ngoặc kép kiểu chữ bên trái (dấu ngoặc kép xương cá)
» » » dấu ngoặc kép kiểu chữ bên phải (dấu ngoặc kép xương cá)
trích dẫn mở đầu một góc
kết thúc báo giá một góc
nguyên tố (phút, feet)
số nguyên tố kép (giây, inch)
trích dẫn đơn trên cùng bên trái
trích dẫn đơn trên cùng bên phải
trích dẫn đơn phía dưới bên phải
dấu ngoặc kép trái
trích dẫn chân trên bên phải
trích dẫn chân dưới bên phải
đơn dấu ngoặc kép tiếng anh khai mạc
dấu ngoặc kép đóng bằng tiếng Anh đơn
dấu ngoặc kép mở đầu
đóng dấu ngoặc kép
mũi tên
mũi tên trái
mũi tên lên
mũi tên bên phải
mũi tên xuống
mũi tên trái và phải
mũi tên lên và xuống
vận chuyển trở lại
mũi tên đôi trái
mũi tên lên gấp đôi
mũi tên phải kép
mũi tên xuống đôi
mũi tên đôi trái và phải
mũi tên lên xuống gấp đôi
mũi tên lên hình tam giác
mũi tên xuống hình tam giác
mũi tên phải tam giác
mũi tên trái hình tam giác
những ngôi sao, những bông tuyết
Người tuyết
Bông tuyết
Bông tuyết kẹp bởi shamrocks
Bông tuyết có góc cạnh mập mạp
Ngôi sao bóng mờ
Ngôi sao trống
Ngôi sao chưa lấp đầy trong một vòng tròn đầy
Ngôi sao đầy với một vòng tròn mở bên trong
Sao quay
Vẽ ngôi sao trắng
Vòng tròn mở ở giữa
Vòng tròn đầy ở giữa
Sextile (loại bông tuyết)
Ngôi sao quay tám cánh
Ngôi sao có đầu hình cầu
Cánh quạt ngôi sao hình giọt nước tám cánh táo bạo
Dấu hoa thị mười sáu cánh
Ngôi sao mười hai cánh
Ngôi sao thẳng tám cánh đậm nét
Ngôi sao đầy sáu cánh
Ngôi sao thẳng có tám cánh
Ngôi sao tám cánh
Ngôi sao tám cánh
Ngôi sao có tâm trống
Sao béo
Ngôi sao mở bốn cánh nhọn
Ngôi sao nhọn bốn cánh
Ngôi sao trong một vòng tròn
Bông tuyết trong một vòng tròn
đồng hồ, thời gian
Đồng hồ
Đồng hồ
Đồng hồ cát
Đồng hồ cát

Các trường hợp sử dụng một số ký tự đặc biệt, bao gồm dấu cách không ngắt và dấu gạch nối mềm

Nếu bạn đã nghiên cứu bảng một chút, bạn đã nhận được xác nhận về những gì tôi đã nói ở trên, rằng để hiển thị tất cả các ký tự đặc biệt, một mã kỹ thuật số () hoặc tương tự chữ cái của nó (ký hiệu ghi nhớ) được sử dụng, thay vì một bộ hàm băm dấu và số, chữ cái () được viết.

Bây giờ hãy xem khi nào nên sử dụng các mã này. Giả sử trong một bài viết bạn cần chỉ ra một số thẻ HTML cho mục đích cung cấp thông tin, ví dụ:

. Nếu bạn gõ dấu ngoặc nhọn từ bàn phím (và có một tùy chọn như vậy), trình duyệt sẽ coi cấu trúc đó giống như một thẻ mở chứ không phải là một đoạn văn bản đơn giản.

Do đó, từ cùng một bảng HTML gồm các ký tự đặc biệt, chúng tôi lấy các mã tương ứng và toàn bộ mục nhập sẽ trông như thế này:

Ngoài ra, để hiển thị trong trình duyệt không phải là ký hiệu và ký hiệu mà là ký hiệu của nó trong hình thức

, bạn cần thêm mã của nó từ bảng:

chân trang

Khi đó trình duyệt sẽ hiển thị chính xác bản ghi các phép ghi nhớ cần áp dụng để hiển thị thẻ FOOTER. Hơi khó hiểu một chút, nhưng trên trang này, bạn có thể thực hành khía cạnh này bằng cách nhập từ gợi nhớ cho các ký tự tương ứng vào trường “HTML” và sử dụng nút “Chạy”, và trong khu vực “Kết quả”, nhận kết quả hiển thị của chúng trong hộp trình duyệt:


Xin lưu ý rằng tôi đã đảm bảo rằng văn bản được gói bằng thẻ BR đã được đề cập để bản thân các ký tự được hiển thị không phải trên một dòng mà trong một cột để thuận tiện.

Hãy tiếp tục. Đôi khi các kết hợp phát sinh trong văn bản không mong muốn được phân tách bằng dòng khác nhau. Giả sử, "1000 rúp." sẽ hợp lý hoặc để nó ở dòng trên cùng hoặc nếu không đủ khoảng trống, hãy di chuyển toàn bộ cấu trúc xuống một dòng bên dưới.

Điều này đặc biệt đúng nếu người dùng sử dụng các thiết bị có độ rộng màn hình khác nhau, bao gồm cả thiết bị di động. Thật vậy, trong trường hợp này, trình duyệt web định dạng văn bản, thích ứng với các điều kiện mới. Và nếu tại kích thước tiêu chuẩn Nếu văn bản xuất hiện chính xác trên màn hình, việc thay đổi chúng có thể thay đổi mọi thứ.

Đối với những trường hợp này nó được cung cấp không thể phá vỡ HTML khoảng trắng , mà tôi đã đề cập rồi. Hãy để tôi nhắc bạn rằng trong trường hợp này, mã khoảng trắng như sau:

Và nó cần được chèn vào giữa hai bộ biển báo cần liên kết:

1000 chà.

Bây giờ, trong mọi trường hợp, trình duyệt sẽ không tách chúng ra, ngay cả khi cần phải định dạng văn bản để hiển thị chính xác.

Cũng có trường hợp một từ rất dài không vừa với khoảng trống và bạn cần phải di chuyển một phần của nó. Cách xác định trước việc chuyển tới dòng mới trong trường hợp này? Đối với điều này có ký tự gạch nối mềm đặc biệt-, cần đặt ở vị trí cần ngắt chữ:

Từ dài dài dài từ dài

Nếu phát sinh tình huống khi một từ cần gạch nối thì sẽ hình thành một khoảng trống tại vị trí của dấu gạch nối mềm dễ nhớ, nơi xuất hiện dấu gạch nối (gạch nối) và phần còn lại của từ này sẽ xuất hiện ở dòng tiếp theo bên dưới.

Tuy nhiên, một lần nữa, sẽ rất hữu ích khi xem toàn bộ điều này, bao gồm các ví dụ về chuyển giao liên tục và mềm, trong thực tế:


Trong cửa sổ của trình chỉnh sửa này, bạn có thể thay đổi kích thước của trường xem “Kết quả” bằng cách giữ cạnh của khu vực này bằng nút chuột trái và không nhả nó ra, hãy kéo nó sang trái để giảm chiều rộng. Sau đó, một tình huống thực sự phát sinh khi trình duyệt bắt đầu định dạng lại nội dung để hiển thị chính xác.

Và việc chuyển tiền được thực hiện, điều này đã được nêu trong các ví dụ mà tôi đã mô tả. Tuy nhiên, bản thân bạn có thể di chuyển cửa sổ xem, mở rộng và thu hẹp nó cũng như xác minh điều này một cách trực quan.

Bài học 5.

Trong bài học này chúng ta:
1. Hãy cùng tìm hiểu cách làm cho mã html trở nên thuận tiện và dễ đọc hơn đối với chúng ta.
2. Hãy xem cách ngắt dòng văn bản một cách chính xác.

Làm cho mã html trở nên thuận tiện.

Bây giờ mã của chúng tôi đã rõ ràng và dễ đọc vì có ít văn bản và thực tế không có thẻ. Khi chúng ta tạo một trang phức tạp hơn sẽ có nhiều thẻ nên sẽ khó tìm được thẻ phù hợp.

Để tránh sự lộn xộn của các thẻ, ban đầu bạn cần sắp xếp các thẻ và dòng sao cho chúng dễ nhận biết hơn. Khi trình duyệt đọc thông tin từ trang html, đối với anh ta bao nhiêu khoảng trống và bao nhiêu không quan trọng dòng trống trong mã.

Tôi đã thay đổi văn bản trong mã trang so với văn bản chúng tôi đã tạo, nhưng điều đó không thành vấn đề. Hình ảnh bên trái và bên phải hiển thị cùng một mã. Cả hai tùy chọn sẽ được trình duyệt hiển thị trên màn hình điều khiển giống hệt nhau. Đồng ý rằng, làm việc với mã hiển thị bên phải sẽ dễ dàng hơn nhiều so với mã bên trái.

Đoạn mã mà chúng ta đang xem xét rất đơn giản, nhưng ngay cả bây giờ sự khác biệt trong nhận thức trực quan vẫn có thể nhận thấy được. Không có quy tắc cụ thể nào cho việc “sắp xếp mọi thứ theo trật tự”; mỗi người chủ tự quyết định cách làm việc của mình sẽ thuận tiện hơn.

Ngắt dòng HTML. Gắn thẻ <br>.

Hãy chú ý đến hình ảnh. Trong phiên bản đầu tiên, văn bản được viết thành một dòng, trong phiên bản thứ hai, văn bản được viết thành hai dòng.


Trình duyệt sẽ hiển thị cả hai tùy chọn giống nhau. Văn bản sẽ được viết trong một dòng:


Bạn hỏi tại sao lại thế này? Thật vậy, ở một trong các mã, một phần văn bản được chuyển sang dòng khác. Sẽ là hợp lý nếu trong trình duyệt một số văn bản cũng được chuyển sang dòng khác, nhưng html có logic riêng về vấn đề này. Nếu chúng ta ngắt dòng trong mã html thì đối với trình duyệt, điều này tương đương với một khoảng trắng(như khoảng trắng thông thường giữa các từ trong văn bản). Nếu chúng ta di chuyển một phần văn bản không phải xuống một dòng mà là 2 hoặc 3 (bất kỳ số nào) thì trình duyệt vẫn coi khoảng cách này là khoảng cách thông thường giữa các từ và khi hiển thị trên màn hình, văn bản sẽ được viết thành một dòng .

Gắn thẻ <br>

Khi chúng ta làm quen với thẻ ở bài thứ 3, tôi đã đề cập rằng có những thẻ không cần đóng. Nhãn <br> một trong số chúng được sử dụng để ngắt dòng.
Hãy áp dụng nó trong mã:

Chúng tôi đã chèn một thẻ <br> vào mã html của chúng tôi và bây giờ khi bạn khởi chạy tệp qua trình duyệt, một phần văn bản sẽ được chuyển sang dòng tiếp theo.
* Đừng quên lưu các thay đổi trong Notepad (Ctrl + S) và làm mới trang trong trình duyệt (F5).

Xin chào các độc giả thân mến của trang blog. Trước đó một chút, chúng tôi đã nói được về điều đó và cũng đã tìm hiểu về thiết kế trong đó. Ngày nay, chúng ta lần lượt có khái niệm về khoảng trắng trong HTML, cũng như định dạng mã liên quan khi viết nó (để thuận tiện cho việc đọc và nhận thức sau này).

Chà, do chúng ta sẽ đề cập đến chủ đề không ngắt quãng và dấu gạch nối mềm, chúng ta sẽ phải tập trung sự chú ý vào cái gọi là ký tự đặc biệt hoặc từ ghi nhớ được sử dụng trong ngôn ngữ Html, điều này sẽ cho phép bạn thêm đến mã tài liệu mạng một loạt ký tự bổ sung, giống như cái đã được đề cập ở trên. Nhưng điều đầu tiên trước tiên.

Dấu cách và ký tự khoảng trắng trong HTML

Trước khi chuyển sang vấn đề định dạng văn bản bằng cách sử dụng các thẻ được thiết kế đặc biệt cho việc này (đoạn, tiêu đề, v.v.), tôi muốn tập trung vào cách các dấu cách, dấu ngắt dòng (Enter) và cách lập bảng được diễn giải trong ngôn ngữ HTML và cách ngắt dòng thực hiện văn bản trong cửa sổ trình duyệt khi nó được thay đổi kích thước.

Đúng, đối với loại định dạng trực quan này (sẽ không hiển thị trên trang web), thông thường, không phải bản thân khoảng trắng được sử dụng mà là các ký tự tab và dấu ngắt dòng. Có một quy tắc như vậy - khi bạn bắt đầu viết một chuỗi lồng nhau Thẻ HTML, Cái đó thụt lề bằng tab (Phím Tab trên bàn phím) và khi bạn đóng thẻ này, hãy xóa phần thụt lề (tổ hợp phím Shift+Tab trên bàn phím).

Điều này phải được thực hiện sao cho các thẻ mở và đóng ở cùng một cấp độ dọc (ở cùng một số tab từ cạnh phải của trang trong trình soạn thảo Html của bạn, ví dụ: Notepad++ mà tôi đã viết). Ngoài ra, tôi khuyên bạn nên ngắt dòng ngay sau khi viết phần mở đầu và viết ngay phần kết thúc ở cùng cấp độ (số lượng tab) để không quên thực hiện việc này sau.

Những thứ kia. các phần tử mở và đóng phải ở cùng cấp độ theo chiều dọc và các thẻ bên trong phải được dịch chuyển theo một ký tự tab và các phần tử đóng và mở phải được đặt lại ở cùng một cấp độ.

mạng đơn giản các tài liệu này có vẻ như quá mức cần thiết, nhưng khi tạo những tài liệu phức tạp hơn hoặc ít hơn, chúng mã sẽ trở nên rõ ràng hơn nhiều và có thể đọc được do có nhiều khoảng trống, đồng thời cũng sẽ dễ dàng phát hiện lỗi hơn nhiều do sự sắp xếp đối xứng của các thẻ.

Các ký tự đặc biệt hoặc ghi nhớ trong mã HTML

Vì vậy, bây giờ chúng ta hãy nói về cái gọi là ký tự đặc biệt, tính dễ sử dụng mà tôi đã thông báo ở đầu bài viết này. Các ký tự đặc biệt đôi khi còn được gọi là ký tự ghi nhớ hoặc ký tự thay thế. Chúng nhằm giải quyết một vấn đề nảy sinh từ lâu trong ngôn ngữ đánh dấu siêu văn bản, liên quan đến các bảng mã được sử dụng.

Khi bạn gõ văn bản trên bàn phím, các ký tự trong ngôn ngữ của bạn sẽ được mã hóa theo thuật toán xác định trước, sau đó chúng được hiển thị trên trang web bằng phông chữ bạn sử dụng (tìm ở đâu và cách cài đặt cho trang web) do giải mã.

Có rất nhiều kiểu mã hóa, nhưng đối với ngôn ngữ Html, một phiên bản mã hóa mở rộng đã được sử dụng theo mặc định.

Trong mã hóa văn bản này, chỉ có thể ghi 256 ký tự - 128 ký tự từ ASCII và 128 ký tự khác cho các chữ cái tiếng Nga. Kết quả là, đã nảy sinh vấn đề khi sử dụng trên các trang web có các ký tự không có trong ASCII và không phải là các chữ cái tiếng Nga nằm trong mã hóa Windows 1251 (CP1251). Chà, bạn đã quyết định sử dụng dấu ngã hoặc dấu nháy đơn, nhưng những khả năng như vậy vốn có trong ngôn ngữ được sử dụng mã hóa HTML không được thế chấp.

Chính trong những trường hợp như vậy mà sự thay thế hay nói cách khác là phương pháp ghi nhớ đã được phát minh. Ban đầu ký tự đặc biệt có chế độ xem kỹ thuật số Hồ sơ, nhưng sau đó đối với những cái phổ biến nhất, các chữ cái tương đương của chúng đã được thêm vào để giúp chúng dễ nhớ hơn.

TRONG Sự hiểu biết chung, từ ghi nhớ là ký tự bắt đầu bằng dấu và “&” và kết thúc bằng dấu chấm phẩy “;”. Dựa trên những đặc điểm này mà trình duyệt khi phân tích mã HTML sẽ trích xuất các ký tự đặc biệt từ nó. Ký hiệu và trong mã ký tự đại diện dạng số phải ngay sau dấu thăng "#", đôi khi được gọi là hàm băm. Và chỉ sau đó tuân theo mã kỹ thuật số của ký tự mong muốn trong mã hóa Unicode.

Hơn 60.000 ký tự có thể được viết bằng Unicode - điều chính là biểu tượng ghi nhớ bạn cần được hỗ trợ bởi phông chữ được sử dụng trên trang web của bạn. Có những phông chữ hỗ trợ hầu hết tất cả các ký tự Unicode và có những tùy chọn chỉ với một bộ nhất định nhân vật.

Danh sách đầy đủ các ký tự đặc biệt sẽ rất lớn, nhưng cách ghi nhớ được sử dụng phổ biến nhất bạn có thể mượn ví dụ từ bảng này:

Biểu tượngMã HTMLSố thập phân
mã số
Sự miêu tả
không gian không phá vỡ
không gian hẹp (en-width như chữ n)
không gian rộng (em-width như chữ m)
- en-dấu gạch ngang (en-dấu gạch ngang)
- em gạch ngang (em gạch ngang)
­ - ­ chuyển mềm
MỘT ́ trọng âm được đặt sau chữ “nhấn mạnh”
© © bản quyền
® ® ® nhãn hiệu đã đăng ký
dấu hiệu thương hiệu
º º º ngọn giáo của sao Hỏa
ª ª ª tấm gương của sao Kim
trang/phút
π π π pi (dùng Times New Roman)
¦ ¦ ¦ đường chấm dọc
§ § § đoạn văn
° ° ° bằng cấp
µ µ µ dấu hiệu vi mô
dấu đoạn văn
dấu chấm lửng
gạch chân
´ ´ ´ dấu nhấn
số hiệu
🔍 🔍 Kính lúp (nghiêng sang trái)
🔎 🔎 Kính lúp (nghiêng sang phải)
dấu hiệu của các phép tính số học và toán học
× × × nhân
÷ ÷ ÷ chia
< < ít hơn
> > > hơn
± ± ± cộng/trừ
¹ ¹ ¹ độ 1
² ² ² độ 2
³ ³ ³ độ 3
¬ ¬ ¬ sự phủ định
¼ ¼ ¼ một phần tư
½ ½ ½ một nửa
¾ ¾ ¾ ba phần tư
dấu thập phân
dấu trừ
ít hơn hoặc bằng
nhiều hơn hoặc bằng
xấp xỉ (gần như) bằng nhau
không công bằng
giống hệt nhau
căn bậc hai (căn bản)
vô cực
dấu tổng
dấu công việc
vi phân từng phần
tích phân
cho tất cả mọi người (chỉ hiển thị nếu in đậm)
tồn tại
bộ trống
Ø Ø Ø đường kính
thuộc về
Không thuộc vê
chứa
là một tập hợp con
là một siêu bộ
không phải là một tập hợp con
là một tập hợp con hoặc bằng
là một superset hoặc bằng
cộng trong một vòng tròn
dấu nhân trong một vòng tròn
vuông góc
góc
logic VÀ
logic HOẶC
ngã tư
liên hiệp
ký hiệu tiền tệ
Rúp. Ký hiệu đồng rúp phải được sử dụng cùng với số. Chuẩn Unicode 7.0. Nếu bạn không nhìn thấy hình ảnh, hãy cập nhật phông chữ Unicode của bạn.
Euro
¢ ¢ ¢ xu
£ £ £ Lb
¤ ¤ ¤ Ký hiệu tiền tệ
¥ ¥ ¥ Ký hiệu Yên và Yuan
ƒ ƒ ƒ Ký hiệu Florin
đánh dấu
. điểm đánh dấu đơn giản
vòng tròn
· · · điểm giữa
đi qua
lai kép
đỉnh cao
câu lạc bộ
trái tim
kim cương
hình thoi
bút chì
bút chì
bút chì
tay
trích dẫn
" " " trích dẫn kép
& & & dấu và
« « « dấu ngoặc kép kiểu chữ bên trái (dấu ngoặc kép xương cá)
» » » dấu ngoặc kép kiểu chữ bên phải (dấu ngoặc kép xương cá)
trích dẫn mở đầu một góc
kết thúc báo giá một góc
nguyên tố (phút, feet)
số nguyên tố kép (giây, inch)
trích dẫn đơn trên cùng bên trái
trích dẫn đơn trên cùng bên phải
trích dẫn đơn phía dưới bên phải
dấu ngoặc kép trái
trích dẫn chân trên bên phải
trích dẫn chân dưới bên phải
dấu ngoặc kép mở đầu bằng tiếng Anh đơn
dấu ngoặc kép đóng bằng tiếng Anh đơn
dấu ngoặc kép mở đầu
đóng dấu ngoặc kép
mũi tên
mũi tên trái
mũi tên lên
mũi tên bên phải
mũi tên xuống
mũi tên trái và phải
mũi tên lên và xuống
vận chuyển trở lại
mũi tên đôi trái
mũi tên lên gấp đôi
mũi tên phải kép
mũi tên xuống đôi
mũi tên đôi trái và phải
mũi tên lên xuống gấp đôi
mũi tên lên hình tam giác
mũi tên xuống hình tam giác
mũi tên phải tam giác
mũi tên trái hình tam giác
những ngôi sao, những bông tuyết
Người tuyết
Bông tuyết
Bông tuyết kẹp bởi shamrocks
Bông tuyết có góc cạnh mập mạp
Ngôi sao bóng mờ
Ngôi sao trống
Ngôi sao chưa lấp đầy trong một vòng tròn đầy
Ngôi sao đầy với một vòng tròn mở bên trong
Sao quay
Vẽ ngôi sao trắng
Vòng tròn mở ở giữa
Vòng tròn đầy ở giữa
Sextile (loại bông tuyết)
Ngôi sao quay tám cánh
Ngôi sao có đầu hình cầu
Cánh quạt ngôi sao hình giọt nước tám cánh táo bạo
Dấu hoa thị mười sáu cánh
Ngôi sao mười hai cánh
Ngôi sao thẳng tám cánh đậm nét
Ngôi sao đầy sáu cánh
Ngôi sao thẳng có tám cánh
Ngôi sao tám cánh
Ngôi sao tám cánh
Ngôi sao có tâm trống
Sao béo
Ngôi sao mở bốn cánh nhọn
Ngôi sao nhọn bốn cánh
Ngôi sao trong một vòng tròn
Bông tuyết trong một vòng tròn
đồng hồ, thời gian
Đồng hồ
Đồng hồ
Đồng hồ cát
Đồng hồ cát

Có một điều khá thú vị cách lấy mã ghi nhớ HTML cho dấu hiệu bạn cần. Để làm điều này, chỉ cần mở trình soạn thảo Phần mềm soạn thảo văn bản, tạo nên tài liệu mới và chọn từ thực đơn trên cùng“Chèn” - “Biểu tượng” (Tôi đang sử dụng phiên bản 2003 nên không biết cách thực hiện thao tác tương tự ở các phiên bản sau).

Trong cửa sổ mở ra, bạn cần chọn một phông chữ, chẳng hạn như Times New Roman (hoặc bất kỳ phông chữ nào khác rõ ràng sẽ có trên phần lớn máy tính của khách truy cập trang web của bạn - chẳng hạn như Courier hoặc Arial).

Thêm từ danh sách mở ra cho bạn Tài liệu văn bản tất cả các ký tự đặc biệt bạn cần và lưu tài liệu Word này dưới dạng trang web (được chọn từ danh sách thả xuống “.html” khi lưu). Vậy thì tất cả những gì bạn phải làm là mở trang web này bằng bất kỳ Trình soạn thảo HTML(giống như Notepad++ sẽ làm) và bạn sẽ thấy mọi thứ mã kỹ thuật số ghi nhớ bạn cần:

Phương pháp này hơi phức tạp, nhưng nếu bạn muốn sử dụng một số ký tự đặc biệt hiếm gặp trên trang web của mình thì sẽ dễ dàng hơn việc tìm kiếm trên Internet các bảng giống như bảng được hiển thị ở trên. Bạn sẽ cần dán mã ký tự đặc biệt thu được vào đúng vị trí và thay vì mã đó trên trang web, trình duyệt sẽ hiển thị ký tự bạn cần (ví dụ: dấu cách không ngắt).

Dấu cách không ngắt và dấu gạch ngang mềm trong các ví dụ

Như tôi đã đề cập ở trên và như bạn có thể thấy từ bảng các ký tự đặc biệt được đưa ra ở trên, một số thuật nhớ trong Html nhận được, ngoài kỹ thuật số, còn là một ký hiệu tượng trưng cho nhiều hơn nữa. ghi nhớ đơn giản. Những thứ kia. Thay vì dấu băm “#” (băm), các từ được sử dụng trong các biến thể tượng trưng. Ví dụ: cùng một khoảng trắng không bị ngắt có thể được viết dưới dạng (ghi nhớ kỹ thuật số) hoặc dưới dạng (ký tự).

Khi viết bài, nếu cần chèn dấu và (&) hoặc dấu ngoặc nhọn mở (<), то для этого обязательно нужно использовать спецсимволы. Дело в том, что эти знаки в Html означают начало тега и браузер будет рассматривать их именно с этой точки зрения и отображать в тексте не будет.

Nghĩa là, nếu bạn đang viết một bài báo mà bạn sẽ cần chèn, chẳng hạn như một thẻ hiển thị vào văn bản< body>hoặc bạn chỉ cần chèn dấu nhỏ hơn (<), то сделав это без использования подстановок на веб странице вы ничего не увидите, т.к. браузер, обнаружив «<» , поймет, что это Html тег, а не текст статьи.

Do đó, bạn sẽ cần chèn cấu trúc sau để giải quyết vấn đề tương tự:

Điều tương tự cũng áp dụng cho việc hiển thị mã của các từ ghi nhớ vì chúng bắt đầu bằng ký hiệu và. Bạn sẽ cần chèn mã vào văn bản, thay thế dấu và bằng ký tự thay thế của nó (ký tự đặc biệt):

Điều này sẽ cần phải được thực hiện để có được trên trang<, а не отображение левой угловой скобки (<), в которую преобразует браузер мнемонику <, обнаружив при разборе знак амперсанда. Хитро, но вы все поймете попробовав это на практике.

Rất có thể bạn cũng sẽ sử dụng một khoảng trắng không ngắt, trên một trang web sẽ trông giống như một khoảng trắng thông thường, nhưng trình duyệt sẽ không coi nó như một ký tự khoảng trắng và sẽ không thực hiện chuyển khoản trên đó(ví dụ: điều này sẽ phù hợp với các cụm từ như 1400 GB, v.v., không nên gạch nối giữa các dòng khác nhau):

1400GB.

Đôi khi tình huống ngược lại có thể xảy ra khi văn bản chứa những từ rất dài và bạn muốn đảm bảo rằng, nếu cần, trình duyệt sẽ Tôi có thể ngắt những từ này bằng dấu gạch nối. Đối với những mục đích như vậy, một biểu tượng đặc biệt “chuyển mềm” được cung cấp -

Một từ dài, dài;

Khi cần chuyển sang dòng khác, trình duyệt sẽ sử dụng dấu gạch nối thay vì dấu gạch nối mềm để ghi nhớ và gửi phần còn lại của từ sang dòng tiếp theo. Nếu có đủ không gian để đặt toàn bộ từ này trên một dòng thì trình duyệt sẽ không vẽ bất kỳ nguồn cấp dữ liệu dòng nào. Nó đơn giản mà.

Chúc bạn may mắn! Hẹn gặp lại bạn sớm trên các trang của trang blog

Bạn có thể xem thêm video bằng cách vào
");">

Bạn có thể quan tâm

MailTo - nó là gì và cách tạo liên kết trong Html để gửi Email
Thẻ và thuộc tính của tiêu đề H1-H6, dòng ngang Hr, ngắt dòng Br và đoạn P theo chuẩn Html 4.01
Cách chèn link và hình ảnh (ảnh) vào HTML - thẻ IMG và A